詳細デザインにおいて作成したパーツの配置、またページの背景の設定ができます。
アイコンをクリックすると「配置」モードと「背景と配色」モードに切り替わります。
▼パーツ配置
[各項目説明]
- パーツ一覧
これまでに作成したデザインパーツを、ブロックとして一覧表示する項目です。
各パーツの縦横ブロックサイズに沿った大きさでブロックが表示されます。
- 配置
チャンネルページへのパーツブロックの配置を設定する欄です。
パーツ一覧にあるパーツブロックをドラックアンドドロップすることによって、この欄に自由に配置することができます。
また、パーツ配置後のチャンネルページはいつでも、プレビューで確認することができます。
- 一行追加ボタン
配置欄にパーツを配置できるスペースを一行追加します。
- 一行削除ボタン
配置欄のパーツを配置できるスペースを一行削除します。
- 空にするボタン
配置欄を空にし、配置されているパーツをパーツ一覧に戻します。
- 再読み込みボタン
パーツ配置の内容を、前回保存した時の状態に戻します。
- 保存ボタン
現在のパーツ配置の内容を保存し、実際のチャンネルページに反映させます。
- プレビュー
保存されたパーツ配置の内容を反映させた、チャンネルページのプレビューを表示します。
[操作説明]
パーツを配置する際の操作方法を説明します。
- ページにチャンネル基本情報パーツを配置します。
- 配置したいパーツブロックを選択し、ドラッグします。
- そのままパーツブロックを配置欄のパーツブロックを置きたい場所まで移動させます。
- ドロップすると、パーツブロックがその場所に配置されます。
- このチャンネルページに反映させるため、この状態で一旦保存ボタンを押します。
- プレビューを見ると指定した場所(この場合は動画リストパーツの下)にパーツが配置されているのが分かります。
▼背景と配色
[各項目説明]
- 変更可能な領域
このページで配色の変更可能な場所を表した図です。
- チャンネル全体の背景と配色
ページ全体領域に対する背景と配色を設定することができます。
ページ全体領域、パーツ領域に対して背景と配色の設定を行った場合、この領域で行った設定は上書きされます。
- パーツ領域の背景と配色
パーツ領域に対する背景と配色を設定することができます。
他の領域の設定に背景と配色が設定されていた場合、その設定を上書きします。
- 再度読み込みボタン
配色の内容を、前回保存した時の状態に戻します。
- 保存ボタン
設定した配色の内容を保存し、実際のチャンネルページに反映させます。
- 初期化ボタン
入力した設定を初期化します。
初期化すると配色の設定はそれぞれ、背景色:白(#FFFFFF)、フォント色:黒(#000000)、リンク色:青(#0000FF)、訪問済みリンク色:紫(#AA00FF)になり、その他の項目も初期の設定に戻ります。
- プレビューボタン
保存した設定をプレビュー画面で確認することができます。
[入力項目]
背景と配色を設定する際の入力項目について説明します。
- 背景画像
チャンネルページの背景画像と、画像の位置、繰り返し、固定するかどうかを設定することができます。
- 配色
チャンネルページの配色を設定することができます。
それぞれ、背景、フォント、リンク、訪問済みリンクについて配色を変更することができます。