今回はサイトの色を変える方法を解説します。複数の方法で色を変えることができます。色を変える方法4.カラースキームでサイト全体の色を変える手軽にサイト全体でのタイトルやアイコンの色を変えるには、「外観」>「カスタマイズ」のカラースキームが利用できます。各メニューの文字色とアイコンの色が変化し、一気にイメージが変わります。「一般設定」の「書式」をクリックします。ボディリンクカラーボディテキストカラーヘッダーテキストカラーの「色を選択」をクリックすることで個別に設定できます。「色を選択」をクリックすると、カラー選択のパネルが表示され自由に選択できます。透過度も設定できます。上記の操作で、記事の文字色、ヘッダーの文字色、リンクの文字色を変えられます。メタ情報やボタンの色、ウィジェットの色は別に設定できます。「一般設定」>「背景」をクリックします。背景では「背景色」と「背景画像」を設定できます。「ヘッダーとナビ」のパネルで行います。1)第一メニューバー(メインメニュー)の色を変更する第一メニューバーの色を変更するには、上記「ヘッダーとナビ」パネルの「第一メニューバー」をクリックします。背景色ドロップダウンメニューの背景色ドロップダウンメニューの行カラードロップダウンメニューのテキストカラーを設定できます。2)第二メニューバー(サブメニュー)の色を変更する第二メニューバーの色を変更するには、上記「ヘッダーとナビ」パネルの「第二メニューバー」をクリックします。背景色テキストの色ドロップダウンメニュー背景色ドロップダウンメニューテキストカラーを設定できます。3)固定ナビの色を変えるページをスクロールしたときに、画面上部に固定される「固定ナビ」の色を変更するには、「ヘッダーとナビ」パネルの「固定ナビ」をクリックします。第二メニューリンクの色アクティブメニューリンクの色を変更できます。「フッター」のパネルで行います。1)フッターウィジェットの文字色を変更するフッターウィジェットの文字色を変更するには、上記「フッター」パネルの「ウィジェット」をクリックします。ウィジェットテキストカラーウィジェットリンクカラーウィジェットヘッダーカラーウィジェットドットカラーを変更できます。2)フッターウィジェットの背景色を変えるフッターウィジェットの背景色を変更するには、上記「フッター」パネルの「レイアウト」をクリックします。「フッターの背景色」で「色を選択」をクリックします。3)フッターメニューの色を変えるフッターメニューの色を変更するには、上記「フッター」パネルの「フッターメニュー」をクリックします。フッターメニューの背景色テキストカラーアクティブリンクカラーを変更できます。4)下部ナビの色を変える下部ナビの色を変更するには、上記「フッター」パネルの「下部ナビ」をクリックします。下部ナビの背景色テキストの色を変更できます。下部ナビの「ソーシャルアイコンカラー」の変更もできます。8.セクション、行、モジュールの色を変更するセクション、行、モジュールの設定を変更するには、それぞれの「⚙(歯車)」をクリックし設定のパネルを開きます。1)背景色を変更する行設定を開いていますが他も同様です。「コンテンツ」>「背景」をクリックします。Color)」をクリックします。色を選択して塗りつぶします。Color)」をクリックします。色を選択グラデーションタイプポジションの始点ポジションの終点を利用して、グラデーションを作成できます。Image」を使うことで、背景画像の前に設定するか後ろに設定するかを選択できます。2)文字の色を変更するテキストモジュールやコメント等の文字のモジュールでは、その文字色を変更できます。「設定」の「テキスト」をクリックします。「テキストカラー」で色を変えられます。スポイトのマークをクリックすることで、自由に色を選択することができます。透過度の設定も可能です。これらの色を選択する機能を組み合わせることで、自由にサイトの色を作り上げていくことが可能です。写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。関連する記事の目次ページとしています。図を用いて簡単に説明するようにしています。Diviの各種モジュールのうちから「トグル」と「アコーディオン」のモジュールの使い方について、Divi初心者向けに図解したいと思います。サイトを作成したら、ぜひオプション設定も変更しましょう。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。