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の魅力② 直感的なユーザビリティ

Diviの魅力② 直感的なユーザビリティ

Diviの大きな魅力の1つは、直感的な「Diviビルダー」です。 まるでパワーポイント資料を作成しているような感覚で、実際の画面で文字の編集/写真の挿入/各種効果の反映等を行うことができます。 今回は、この3つを紹介しますね。・テキストの書き方  :圧倒的なユーザビリティ。・レスポンシブデザイン:ボタン1つで画面を変えられます。・最近流行りの視差効果:パララックスも、ボタン1つで対応できます。①テキストの書き方 文字情報にマウスを合わせれば、そのまま文字を編集できます♪...

Diviの魅力① 豊富なレイアウト

Diviの魅力① 豊富なレイアウト

これから、Diviの魅力について紹介していきます。   Diviの会員になると、とてもオシャレなレイアウトがたくさん提供されます。そのレイアウトを基に、文字/写真を入れ替えながら作成することができるため、大変効率的に作業を進めることができます。   写真を用いながら、使い方についてご紹介します。①新規の投稿や固定ページを作成する際に、このようなページがポップアップします。 100以上あるレイアウトの中から、イメージにあうレイアウトを選びます。②あとは、「Use This...

WordPress「Divi」テーマとは?

WordPress「Divi」テーマとは?

Wordpressでサイトを作る方法は様々です。 全て自分で作りあげる、無料のテーマを使用する、有料テーマを使用する。 いろいろと調べてみましたが、私はコード等を駆使できる程の知識がなかったため、有料テーマを使用してサイトを作成することとしました。 (勉強と作りこみの時間を、お金で買うようなイメージです。) 有料テーマは大変多く、選ぶのが大変です。 重要視したことは「直感的に作成できること」...