グローバルカラーを使いたい Elementor ?

Elementor 3.0 は、作成時のワークフローを合理化する新機能を提供します。 サイトのWeb ワードプレスで。 それらのXNUMXつは グローバルカラー.

それは何であり、ワークフローを合理化するのにどのように役立ちますか? 詳細については、以下をお読みください。

発見 WordPressにElementorをインストールする方法

色は、Web デザインやその他のタイプのデザイン全般に不可欠な要素の XNUMX つです。 適切な色の選択は、 形成 強力なブランドアイデンティティの。 色の選択プロセス自体には、調査、色理論の理解、および実装が含まれます。 多くの場合、デザイナーは配色を変更します サイトのWeb 実装された色がその概念に対応していないと考えているためです。 サイトのWeb.

ここで、すでにライブのWebサイト(複数のページで構成されている)があり、あなたまたはあなたのデザイナーが配色を変更したい場合を想像してみてください。

ページをXNUMXつずつ個別に変更する必要がある場合、Webサイトのすべてのページに新しい色を適用するのにどのくらい時間がかかりますか?

ヘッダーやフッターのようなウェブサイトの他の部分は言うまでもありません。

また読みます: Elementorで登録ページを作成する方法

新機能 グローバルカラー D 'Elementor を使用すると、この面倒なプロセスを回避できます。 グローバル カラーを使用すると、ワンクリックで複数のページに新しい色を一度に適用できます。

ワークフローの合理化に加えて、この機能は グローバルカラー Elementorは、Webサイトのすべての部分で一貫した配色を使用できるようにするのにも役立ちます。

この新機能の使用方法は次のとおりです。

使い方 グローバルカラー Elementorで

全体の色を使用するには、最初に使用する全体の色を定義する必要があります。 Elementor自体は、使用できる事前定義された全体的な色を提供します。 新しいグローバルカラーを設定するには、最初にElementorでページまたはテンプレートを編集して、Elementorの設定パネルにアクセスします。

Elementorエディターの下で、設定パネルの左上隅にあるハンバーガーアイコンをクリックし、[ サイト設定.

Elementorでグローバルカラーを使用する方法

次に選択 グローバルカラー.

ご覧のとおり、使用できる定義済みのグローバルカラーがあります。 新しいグローバルカラーを定義するには、ボタンをクリックするだけです 色を追加します。 カラーピッカーを使用して、新しい全体的な色を設定します。 新しい全体的な色を簡単に識別できるように、名前を付けることもできます。

Elementorでグローバルカラーを使用する方法

青いボタンをクリックします 更新 新しい変更を保存します。 上記の手順を繰り返して、他の全体的な色を追加できます。 アイコンをクリックできます X Elementorの一般設定パネルに戻ります。

定義したグローバルカラーを使用するには、新しいページ/テンプレートを作成するか、既存のページ/テンプレートを編集します。 要素(ウィジェット、列、またはセクション)を編集し、その色を設定します。 オプションで 色、 地球のアイコンをクリックして、使用する全体的な色を選択します。

手順を繰り返して、他のページまたはWebサイトの一部(ヘッダーやフッターなど)で全体的な色を使用します。

また読みます: Elementorでログインページを作成する方法

これで、Webサイトの特定のページまたは部分で同じグローバルカラーを使用していて、カラーを変更したい場合は、グローバル設定パネルを開くことができます(Elementor設定パネルのハンバーガーアイコンをクリックします)。

次に、[グローバルカラー]を開き、変更する全体的な色を選択して、好きな新しい色を選択します。

以下のキャプチャをご覧ください。

Elementorでグローバルカラーを使用する方法

上記のキャプチャのヘッダーセクションとソーシャルメディアアイコンセクションに注意してください。 これらのセクションは同じ全体的な色を使用します。 したがって、両方のセクションの色を変更したい場合は、使用する全体の色の色を変更することで、一度だけ変更する必要があります。

参照してください: Elementorモデルをエクスポートおよびインポートする方法

他のページで同じ全体の色を使用すると、同じ全体の色を使用するページのセクションも変更されます。

Elementor Proを今すぐ入手!

まとめ

ここは ! Elementorでグローバルカラーを使用する方法を示すこの記事は以上です。 そこへの行き方に不安がある場合fでお知らせください commentaires.

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.

しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.

...