WordPressのテーマビルダープラグイン「Elementor」のファンブログ

Global Colors とは何者?!一元管理で楽ちん♪

Share on facebook
Share on twitter
Share on pocket
Share on pinterest
global-colors-thumbnail-min

Global Colors はElementor 3.0の新機能!

Global Colors はElementor3.0以降に登場した新機能の1つです。一体何が出来るのか、今日は皆さんと一緒に見て行きたいと思います!

何それ?やっと覚えたっていうのに・・・また新しい機能?!もーーーー
おばさん
おばさん

まぁまぁ・・・(汗)一緒に見て行けば大丈夫ですよー。覚えちゃえば結構便利ですよ。

グローバルカラーズ = カラーピッカーの進化版

この画面覚えてますか?

gc-02

ん?覚えてるも何も、今の私のElementorはこれよ?
おばさん
おばさん

ええええっ?!まだバージョンアップしてないんですね!

なんか文句あるの?!しょうがないわね、アップデートするわよ!
おばさん
おばさん

あ、なんか・・・ごめんなさい・・・お願いします・・・。

気を取り直して・・・このカラーピッカー機能がグローバルカラーズとなって、パワーアップしたと思って頂ければと思います。良く使う色をただ保存するのではなく、名前をつけて設定カラーとして保存出来る様になったんです!

おじさん
おじさん
ん?何がすごいのかな・・・

ですよね?言葉だけだと分かりづらいと思いますので、これから一緒に見てきましょう!

デザインシステムにあるGlobal Colors

さっそく、グローバルカラーをいじってみたいと思います!って、どこにあるんだ?!と思う方もいると思いますので、まずは設定画面の行き方を見てみます。

①エディター画面(編集画面)を開きます。

gc-01

②設定の「サイト設定」をクリック

gc-08

③ Global Colorsをクリック

gc-07↓↓↓↓

すると、ついに!!! グローバルカラーズの設定に到着!!!
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

gc-06

おじさん
おじさん
ずいぶん分かりづらいところにあるんだね・・・ブツブツ

いやいや、これよりももっと簡単にアクセス出来る方法があるんですよー。

簡単な方を先に教えなさいよ!!もーーーー
おばさん
おばさん

し、失礼しました・・・(汗)

簡単なGlobal Colorsへのアクセス方法

gc-05

編集画面で文字(テキスト)扱うウィジェットを選択します。ここでは「見出しウィジェット」で説明しますね。選択し、右の設定エリアのスタイルを選びます。タイトルの文字色の部分をご覧下さい。地球のアイコンがあるの分かりますでしょうか?