・ご紹介ビデオ（公式）

・Global Colorsとは？

・Tips：既にあるサイトをGlobal Color対応するには？

・終わりに

Webサイトを作成するとき、色の設定って何かと面倒ですよね。例えば、サイト全体の色味を合わせるために、文字や装飾の色を一つずつ同じ色に設定しても、後から少し変えたくなると全ての色味を変更する必要があります。

そのような時に「ワンタッチ」で対象の色全てを変えることができる機能が「Global Colors」です。

まずはこちらの動画をご覧ください。

（動画出典元：Divi公式サイト）

Webサイト全体で色を作成および制御できる新しいカラーシステムが、Diviの「Global Colors・グローバルカラー」です。Webサイトでグローバルカラーを使用すると、数回クリックするだけでWebサイト全体の配色を調整できます。

グローバルカラーは、背景、ボタン、テキストなど、ページ上のあらゆるものに使用できます。

新しいグローバルカラーを追加できるだけでなく、既存のグローバルカラーを編集することもできます。既存のグローバルカラーが更新されると、そのグローバルカラーを使用するすべての要素も更新されます。

グローバルカラーを使用しないで作成したWebサイトを、グローバルカラー対応することもとても簡単です。その方法を少しご紹介します。

右クリックを使うだけ♪

既存の色を右クリックすると、「グローバルに変換」オプションを選択することができます。これにより、グローバルカラーパレットに色が自動的に追加され、グローバルカラーが適用されます。

次に、DiviのFind＆Replaceシステムを使用して、色を一挙にグローバルな色に置き換えることができます。ページがグローバルカラーに変換されたら、グローバルカラーパレットを使用してページ全体の配色を変更することができます。

作業時間がグッと短縮されますね♪

今回ご紹介した機能の他にも、多くの便利な機能が搭載されています。WordPressテーマのDivi、とてもおすすめですので、ぜひ試してみて下さい♪

画像出典元：Divi公式サイト