ガイド/サイトをカスタマイズ/エディター/スタイル/サイトの背景色を変更

サイトの背景色を変更

サイトの背景色は、全体の見た目や雰囲気に大きく影響します。背景色を変更することで、ブランドや好みのスタイルにより合ったサイトに仕上げることができます。このガイドでは、WordPress サイトの背景色を変更する方法を説明します。

背景色の変更

WordPress サイトでは、主に2つの編集ツール(「エディター」または「カスタマイザー」)を使用します。背景色の変更手順は、サイトで使用しているツールによって異なります。

使用しているツールの確認方法:

  1. サイトのダッシュボードにアクセスします。
  2. 左側のメニューで「外観」の下にある項目を確認します。
  3. 「エディター」が表示されている場合は、下の「エディター」タブを参照してください。
  4. 「カスタマイズ」が表示されている場合は、下の「カスタマイザー」タブを参照してください。

サイトに合ったタブを選択してください:

この機能は、WordPress.com パーソナルプレミアムビジネスコマースプランのサイトで利用できます。無料サイトの場合は、この機能を利用するためにプランをアップグレードしてください。

WordPress のブロックテーマでは、エディターを使って背景色を変更します。背景色を変更するには、次の手順を実行します:

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動します。
  3. 左側のメニューから「スタイル」を選択します。
  4. 「色」オプションをクリックします。
  5. 「要素」セクションで「背景」をクリックします。
  6. カラーピッカーで色を選ぶか、グラデーションを設定します。
  7. 左下の「変更をレビュー」ボタンをクリックして、変更内容を確認し保存します。
スタイルエディターの色要素における背景セクション。

背景色の削除

次の手順で、サイトの背景色を削除します。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動します。
  3. 左側のメニューから「スタイル」を選択します。
  4. 次の2つの方法のいずれかで、テーマのデフォルト色に戻せます。
    • 背景色の横にあるマイナスアイコンをクリックします。
    • 「背景」をクリックしてから、「クリア」ボタンをクリックします。
背景色をリセットするためのマイナスアイコンを指す矢印。

WordPress エージェントでの背景色変更

The WordPress Agent four-pointed star icon.

このセクションは、AI ウェブサイトビルダーで作成されたサイト (すべての有料プラン) または WordPress エージェントを有効化したサイト (すべての有料プラン) に適用されます。WordPress エージェントを開くには、画面下部の AI アイコン (四芒星) をクリックしてください。

WordPress エージェントは、サイトのスタイルに合う背景色選びをサポートします。以下は、コピーしてそのまま使えるプロンプトの例です:

  • 「暗い画像が映えるフォトグラフィーポートフォリオに合う背景色を提案してください。」
  • 「サイトの配色は青と白です。どの背景色が合いますか?」
  • 「本文がもっとも読みやすくなる背景色は何ですか?」
  • 「ブランドに合った背景色を選ぶにはどうすればよいですか?」
Copied to clipboard!