バックグラウンドまたはテーマの変更

ページ、ページ上の個々のスロットおよびスロット内のセクション・レイアウトのバックグラウンド色とイメージを指定できます。サイトのテーマ全体を変更することもできます。

スロットとは、ページの幅にわたって、1つ以上のコンテンツ・タイプを含めることができるリージョンです。スロットに指定した背景は、スロット全体およびスロット内のすべてのコンポーネントに適用されます。

バックグラウンドの変更

バックグラウンドは、相互に重なり合っています。スロットの背景を指定すると、ページに指定した背景の上に重なります。ほとんどのイメージおよび色の場合、上側のレイヤーが下側のレイヤーを効果的にオーバーライドします。背景色またはイメージで透明度を使用する場合、下側のレイヤーの色は、透けて見えるか、上側のレイヤーで使用される色と混合されます。

段落やタイトルなどの一部のコンポーネントでは、事前定義されたスタイルの一部として、またはカスタマイズされたスタイルとしてバックグラウンド色を指定できます。コンポーネントにバックグラウンド色を指定すると、このバックグラウンド色もすべてのセクション・レイアウト、スロットまたはページ・バックグラウンドの上に重なります。「スタイルの使用および書式設定」を参照してください。

ページ、スロットおよびセクション・レイアウトのバックグラウンド・オプションは類似していますが、アクセス方法が多少異なります:

編集するサイトを開きます。
編集するページに移動し、が「編集」に設定されていることを確認します。
ページまたはスロットのバックグラウンドを変更するには、次のステップを実行します:
- サイドバーのをクリックし、をクリックします。
- ページ全体の背景を指定するには、「ページを完成」をクリックし、をクリックします。ページ上のスロットの背景を指定するには、スロットを選択し、をクリックします。
セクション・レイアウトのバックグラウンドを変更するには、次のステップを実行します:
- セクション・レイアウトのメニュー・アイコンをクリックし、「設定」を選択します。
- 「バックグラウンド」をクリックします。ページ、スロットおよびセクション・レイアウトのバックグラウンド・オプションは同じです。
をクリックして「ファイル・ピッカー」パネルを開き、使用するコンテンツ・アイテムに移動します。アクセス可能な任意の場所からイメージを使用できます。共有されているイメージまたはローカルまたはネットワークのファイル場所からアップロードするイメージを使用することもできます。ウィンドウに使用可能なすべてのファイルが表示されます。コンテキストに適切なファイル・タイプを選択してください。たとえば、イメージ・ファイルを選択する場合、有効なイメージ・フォーマット(GIF、JPG、JPEG、PNGまたはSVG)のファイルを選択します。
イメージを選択して、「OK」をクリックします。
イメージの設定を調整するには:
- 「位置」を使用してページ上またはスロット内にイメージを配置します。
- 「スケール」オプションを選択して、イメージの表示を調整します。
  - フィット: イメージをゆがませずにイメージ全体が使用可能な領域にフィットするように、イメージがスケーリングされます。
  - ストレッチ: 2つの寸法(幅または高さ)の長い方が使用可能な領域にフィットするようにスケーリングされ、短い方の寸法は使用可能な領域を埋めるようにストレッチされます。
  - なし: イメージはそのフル・ピクセル解像度で使用され、使用可能な領域にフィットしない場合は均一に切り取られます。
- 「繰返し」オプションを選択して、小さすぎて使用可能な領域を埋められないイメージを並べて表示します。「スケール」オプションとして「ストレッチ」を選択した場合、このオプションは適用されません。
- ユーザーがページをスクロールしている間イメージを固定したままにするには、「ページとともにスクロールしない」を選択します。
背景の色を選択するには、「色」メニューから色を選択するか、「その他」をクリックして全範囲の色から色を選択します。
- 色を選択して色範囲表示にその色のバリエーションを表示するには、右側にあるスペクトラム・バーをクリックします。画面には、右上隅に選択した色と、左に向かって白の分量が多くなり下に向かって黒の分量が多くなっている、選択した色の色調が表示されます。
- 色のバリエーションを選択するには、色範囲表示内でクリックするか、選択ポイントを新しい色の位置にクリックしてドラッグします。現在のカラー・ボックスと6桁のカラー・コードにより、選択した色が示されます。
- 透明度(アルファ・チャネル)を調整する場合、透明度を増やすには透明度スライダをクリックして左にドラッグします。アルファ値0%では、色が透明化されるため、下側のレイヤーの色とコンテンツが完全に透けて表示されます。アルファ値100%では、色が完全に不透明化されるため、下側のレイヤーの色とコンテンツが遮断されます。その他の値では、下側のレイヤーのイメージと色は、透けて見えるか、異なる度合いで上側のレイヤーの色と混合されます。
- 現在の色の選択を適用するには、「選択」をクリックします。

テーマの変更

テーマの変更は、「保存」をクリックしたときに更新の一部として記録されます。更新が公開されるまで、テーマの変更はサイトに適用されません。

ノート:

すべてのテーマが相互に互換性があるわけではありません。異なるテーマに、異なるナビゲーション、スタイル名またはページ・レイアウト情報を含めることができます。たとえば、別のレイアウト名のテーマを選択した場合、既存のページに、そのテーマでは使用できないレイアウトが使用されることがあります。それらのページは空白で表示されます。ページ・コンテンツは削除されませんが、選択したテーマに同じ名前のレイアウトとスロットがなければ表示されません。互換性のないテーマを選択した場合は、テーマを元のテーマに再度変更して、ページ・コンテンツを復元できます。

確実に互換性のあるテーマに切り替えてください。不明な場合は、テーマの開発者に確認してください。

サイトに使用されるテーマを変更するには:

編集するサイトを開きます。
サイドバーのをクリックし、をクリックします。
使用可能なテーマのリストからいずれかを選択し、「OK」をクリックします。テーマが現在の更新に適用されます。現在のアップデートに保留中の変更をすべて保存するには、「Save」をクリックします。