ワードプレス Diviの使い方８ 外観のカスタマイズ３ 色を変える方法

今回はサイトの色を変える方法を解説します。Divi では複数の方法で色を変えることができます。

手軽にサイト全体でのタイトルやアイコンの色を変えるには、「外観」＞「カスタマイズ」のカラースキームが利用できます。各メニューの文字色とアイコンの色が変化し、一気にイメージが変わります。

ページ全体での文字の色を変えるには、「外観」＞「カスタマイズ」の、

の「色を選択」をクリックすることで個別に設定できます。

上記の操作で、記事の文字色、ヘッダーの文字色、リンクの文字色を変えられます。メタ情報やボタンの色、ウィジェットの色は別に設定できます。

サイトの背景の色を変えるには、「外観」＞「カスタマイズ」の、

ヘッダーの色を変更するのは、「外観」＞「カスタマイズ」の、

第一メニューバーの色を変更するには、上記「ヘッダーとナビ」パネルの「第一メニューバー」をクリックします。

第二メニューバーの色を変更するには、上記「ヘッダーとナビ」パネルの「第二メニューバー」をクリックします。

ページをスクロールしたときに、画面上部に固定される「固定ナビ」の色を変更するには、「ヘッダーとナビ」パネルの「固定ナビ」をクリックします。

フッターの色を変更するのは、「外観」＞「カスタマイズ」の、

フッターウィジェットの文字色を変更するには、上記「フッター」パネルの「ウィジェット」をクリックします。

フッターウィジェットの背景色を変更するには、上記「フッター」パネルの「レイアウト」をクリックします。

フッターメニューの色を変更するには、上記「フッター」パネルの「フッターメニュー」をクリックします。

下部ナビの色を変更するには、上記「フッター」パネルの「下部ナビ」をクリックします。

セクション、行、モジュールの設定を変更するには、

行設定を開いていますが他も同様です。

また「Place Gradient Above Background Image」を使うことで、背景画像の前に設定するか後ろに設定するかを選択できます。

テキストモジュールやコメント等の文字のモジュールでは、その文字色を変更できます。

これらの色を選択する機能を組み合わせることで、自由にサイトの色を作り上げていくことが可能です。