Elementor Proのグローバルウィジェット機能でウェブサイトの管理効率を向上

エレメンタル・プログローバルウィジェットは、複数のページでウィジェットを再利用し、サイト管理を効率化する強力なツールです。このチュートリアルでは、グローバルウィジェットの使い方を詳しく説明し、この機能を簡単に使いこなすための実践例を提供します。

グローバル・ウィジェットとは？

グローバル・ウィジェットはエレメンタル・プロデザインしたガジェットをグローバル・コンポーネント.これらのグローバル・ウィジェットをサイト全体で使用する場合一つの場所を修正すると、そのウィジェットを使用しているすべてのページの更新が同期されます。.これは、同じ要素を複数回使用する必要がある場合に便利です（例．ボタン、フォーム、コール・トゥ・アクションのフレーズ)があれば、ウェブデザイナーの時間を大幅に節約できる。インストールとアクティベーション エレメンタル・プロ.

チュートリアル例：グローバルウィジェットの作成と使用方法

ステップ1: ガジェットをデザインし、グローバルガジェットとして保存する。

1. ウィジェットの作成::
   まずウェブページガジェットをデザインするには、Elementorエディタを使用します。例えば、ガジェットにCTA(コール・トゥ・アクション）ボタンを設定します。今すぐ購入"ボタンをクリックし、注文を行うようユーザーを誘導する。

2. で "エレメント「そしてヘアスタイルで色、サイズ、スタイルを調整したら、グローバル・ウィジェットとして保存する準備ができました。.

3. グローバルウィジェットとして保存::
   右クリックボタンガジェットの編集アイコン(通常は鉛筆アイコン)。ドロップダウンメニューで"グローバルとして保存"のようにグローバルガジェットに名前を付ける。CTAボタン - 今すぐ購入".

4. グローバルウィジェットの保存確認::
   グローバル・ウィジェットが左上のグローバルに表示されます。

ステップ2：他のページでグローバルウィジェットを使う

1. 別のページへ::
   同じボタンを使用する必要がある別のものを開くウェブページ.このページでは、同じElementorエディタが使用されています。
2. グローバルウィジェットの追加::
   左のElementorパネルの"治安情勢オプションを選択すると、以前に保存した「CTAボタン」が表示されます。 今すぐ購入".それを好きなページセクションにドラッグする。

3. ページにグローバルウィジェットを挿入する::
   挿入後、このボタンが以前のデザインとまったく同じようにページに表示されていることがわかります。商品画像をリンクに置き換えるだけで、デザインを繰り返す必要はありません。

ステップ 3: グローバル・ウィジェットの編集と更新の同期

1. グローバルウィジェットの修正::
   CTAボタンのテキストや色の変更など、CTAボタンに変更を加える必要がある場合、どのページでもボタンを右クリックし、"グローバルウィジェットの編集 "を選択するだけで、必要な変更を行うことができます。

2. アップデートの自動同期::
   修正が完了すると、グローバル・ウィジェットを使用しているすべてのページが同期して更新され、ページ上のボタンを1つずつ手動で修正する必要がなくなります。

サンプルシナリオ：グローバルウィジェットの一般的な使用シナリオ

1. ヘッダーとフッター::
   ロゴ、メニュー、ソーシャルメディアリンクを含むフッターをデザインし、グローバルウィジェットとして保存することができます。このようにフッターを更新する必要があるときはいつでも、1ヶ所だけ変更すればよく、サイト全体のフッターが同期して更新されます。.実践例::
   • 会社名、著作権情報、ソーシャルアイコンを載せたフッターセクションを作る。
   • そのセクションをグローバルウィジェットとして保存し、そのフッターをすべてのページの一番下に挿入します。
   • 会社情報に更新があった場合、グローバルウィジェットのフッターを編集するだけで、すべてのページが自動的に同期して更新されます。
2. 商品ページCTAボタン::
   複数の商品ページがあり、それぞれに同じ「今すぐ購入」ボタンを設置する必要がある場合、グローバル・ウィジェットを使用することで、すべての商品ページに同じ「今すぐ購入」ボタンを設置することができます。一貫したボタンのスタイル、色、機能.実践例::
   • 商品ページに「今すぐ購入」ボタンを作成し、スタイルを設定してグローバルウィジェットとして保存します。
   • すべての商品ページにこのボタンを挿入し、一貫性を確保する。
   • ある日、ボタンのコピーや色を変更したくなったら、グローバルウィジェットを編集するだけで、すべてのページのボタンが自動的に更新されます。
3. 再利用フォーム::
   例えば、お問い合わせフォームがあるとします。グローバルウィジェットを使用すると、ウェブサイトの複数のページで同じフォームを再利用することができます。新しいフィールドを追加する必要がある場合、グローバルウィジェットで更新するだけで、すべてのフォームが同期して更新されます。

ウェブサイト管理効率を向上させる主なヒント

1. 命名::
   世界的なガジェットをどんどん作っていく。めいじ迅速なオリエンテーションと管理に欠かせない。例えば、「フッター - 著作権情報」や「CTA - 購入ボタン」のように、「[用途]-[説明]」のような命名構造を使用することをお勧めします。
2. グローバルテンプレートは::
   グローバルウィジェットに加えて、Elementor Proはグローバルテンプレート機能も提供します。ページ全体またはページセクションをテンプレートとして保存し、後でテンプレートを別のページで再利用したり、グローバルウィジェットと組み合わせて調整したりできるので、複雑なデザインの管理が簡単になります。
3. グローバル・ウィジェットの使用を定期的にチェックする::
   グローバルウィジェットを頻繁に更新する場合は、不要なセクションに影響を与えないように、そのウィジェットがどのページで使用されているかを確認してください。

はんけつをくだす

エレメンタル・プロ グローバルガジェット機能は、特に同じ要素を再利用する必要がある場合に、サイト管理の効率を大幅に向上させます。このチュートリアルでは、グローバルウィジェットの作成、使用、編集方法を説明し、実際のシナリオにおける利点の例を示します。グローバルウィジェットは時間を節約するだけでなく、サイト全体の一貫性と効率性を確保します。この機能をマスターすれば、ウェブサイトの管理と保守がより簡単になります。