テーマカスタマイズからサイトのカラーを変更する方法をご案内します。
新契約では「ベースデザイン設定」となります。
詳細は下記をご確認ください。
>サポートコンテンツサイト
目次
テーマカスタマイズは、管理画面左メニュー > 設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ をクリックします。
「ページ編集画面」からも設定いただけます。
【外観設定の場合】
【ページ編集画面の場合】
テーマカスタマイズの基本操作
テーマカスタマイズでは、ナビゲーションやフッターなどのエリアと、見出しやテキストなどのパーツに対して、色を指定できます。
①画面左上で、表示するページを選択します。
②画面右側で変更箇所をクリックで指定し、
③画面左側で変更内容を指定します。
④指定後は「更新する」をクリックして完了します。
色の変更は、明度・彩度・色相・透明度を指定して色を作成するか、カラーコード(HEX、RGBA)を指定して設定してください。
エリアのカラーを変更する
ナビゲーション、メインコンテンツ、サイドバー、フッターの背景色や文字色を指定できます。
【ナビゲーション】
- MENU背景色
サイトロゴと、グローバルメニューの背景色を指定できます。 - MENUテキスト色
グローバルメニューの文字色を指定できます。 - MENUホバーカラー
グローバルメニューにマウスカーソルを合わせた箇所の背景色を指定できます。
【メインコンテンツ、サイドバー】
背景色を変更できます。
※サイドバーの有無は、プリセットによって異なります。
【フッター】
- フッター背景色
フッター全体の背景色を指定できます。 - コピーライト背景色
サイト下部のコピーライト部分の背景色を指定できます。 - コピーライトテキスト色
サイト下部のコピーライトの文字色を指定できます。
パーツのカラーを変更する
見出しパーツ、テキストパーツ、ボタンパーツの色を指定できます。
サイト内にあらかじめパーツを配置してある状態で操作を行ってください。
指定内容は、同じエリア内に配置されているパーツに対して一括で反映されます。
【テキストパーツ】
テキストのフォント色を指定できます。
【見出しパーツ】
h1~h5までの5種類の見出しに対して、それぞれ任意のフォント色を指定できます。
カラーを変更する際は、h1~h5のうちどの見出しが選択されているかをご確認ください。
【ボタンパーツ】
ボタンのデフォルトカラーである青・赤・オレンジ・黒・白を、それぞれ任意の背景色・テキスト色に置き換えることができます。
カラーを変更する際は、青・赤・オレンジ・黒・白のうちどのボタンが選択されているかをご確認ください。
ボタンパーツに限り、別エリアに配置されているパーツに対しても指定内容が連動して反映されます。
<セクション・行・カラム・パーツのカラーを変更についての詳細はこちら>