Divi グローバルカラー機能がとても便利♪
ご参考：「Diviとは？」 こちらの記事でご紹介しています
https://3shimaipapa.com/divi-introduction/
目次
・ご紹介ビデオ（公式）
・Global Colorsとは？
・Tips：既にあるサイトをGlobal Color対応するには？
・終わりに
はじめに
Webサイトを作成するとき、色の設定って何かと面倒ですよね。例えば、サイト全体の色味を合わせるために、文字や装飾の色を一つずつ同じ色に設定しても、後から少し変えたくなると全ての色味を変更する必要があります。
そのような時に「ワンタッチ」で対象の色全てを変えることができる機能が「Global Colors」です。
ご紹介ビデオ
まずはこちらの動画をご覧ください。
（動画出典元：Divi公式サイト）
Global Colorとは？
Webサイト全体で色を作成および制御できる新しいカラーシステムが、Diviの「Global Colors・グローバルカラー」です。Webサイトでグローバルカラーを使用すると、数回クリックするだけでWebサイト全体の配色を調整できます。
グローバルカラーは、背景、ボタン、テキストなど、ページ上のあらゆるものに使用できます。
新しいグローバルカラーを追加できるだけでなく、既存のグローバルカラーを編集することもできます。既存のグローバルカラーが更新されると、そのグローバルカラーを使用するすべての要素も更新されます。
Tips：既にあるサイトをグローバルカラーに対応させるには？
グローバルカラーを使用しないで作成したWebサイトを、グローバルカラー対応することもとても簡単です。その方法を少しご紹介します。
右クリックを使うだけ♪
既存の色を右クリックすると、「グローバルに変換」オプションを選択することができます。これにより、グローバルカラーパレットに色が自動的に追加され、グローバルカラーが適用されます。
次に、DiviのFind＆Replaceシステムを使用して、色を一挙にグローバルな色に置き換えることができます。ページがグローバルカラーに変換されたら、グローバルカラーパレットを使用してページ全体の配色を変更することができます。
作業時間がグッと短縮されますね♪
終わりに
今回ご紹介した機能の他にも、多くの便利な機能が搭載されています。WordPressテーマのDivi、とてもおすすめですので、ぜひ試してみて下さい♪
画像出典元：Divi公式サイト
■広告です
もしDiviに興味をもって下されば、下記リンクから会員登録（年間約1万円で各種機能/レイアウトが使いたい放題となります）をお願い致します。
私は「プログラミング教室等に通うことと比較すればとても安い♪」と感じ購入しました。公式サイトには、実際の使用を体感できるデモページもございますので、ぜひ試してみて下さい。この記事作成時点では、気に入らなければ30日以内ならお支払い金額を返金する制度もあります♬
下記リンクは私にも収入が入るリンクですので、記事作成の励みとなります。
応援よろしくお願い致します。
“Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission.”
同じカテゴリの記事はこちら
Diviフィーチャーアップデート：クラウド機能が加わりました！
アメリカで人気のあるWordPressテーマDiviにクラウド機能が加わりました。Divi Cloudという名前で、Diviレイアウトおよびコンテンツ用の便利なクラウドストレージです。Webサイトをより高速に構築することができるようになります！
Diviフィーチャーアップデート：グラデーション機能が大幅進化！
Divi のグラデーション機能が大きく進化しました。今までも２色のグラデーションを簡単に設定することができましたが、これからは複数の色を使うことができるようになり、他にも多くの機能が追加されました。ご紹介します。
Divi フィーチャーアップデート：バックグラウンドマスクとパターンが追加されました！
Divi に２つの機能が追加されました。バックグラウンドパターンと、バックグラウンドマスクです。今までの色、グラデーション、画像と組み合わせて使うこともでき、とてもオシャレなウェブサイトを、もっと簡単に作ることができるようになりました！
