背景またはテーマの変更

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

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

背景の変更

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

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

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

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

テーマの変更

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

注:

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

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

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

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