Elementor プラグインの必須アドオンの紹介:
まずは、このプラグインの公式サイトに行って見てみましょう。このプラグインは古くから存在しており、Raymond をベースに 90 を超える特徴的なモジュールを独自に開発してきました。
したがって、このプラグインをインストールすると、ページで要素ビルダーが使用されている場合に、90 を超えるさまざまなスタイルのモジュールを追加できます。このプラグインには無料バージョンがあり、現在、デモを行っているものを PRO バージョンとして提供しています。このバージョンには、以下の手順も記載されています。たとえば、無料バージョンを使用している場合は、一部の基本モジュールしか使用できない場合があります。PRO バージョンをインストールした場合にのみ、すべてのモジュールを使用できます。
また、独自のコンポーネントを通じて組み合わされた地域モジュールであるテンプレートもいくつか提供されます。
実際、使用するかどうかは問題ではありません。最も重要なのは、90 を超えるモジュールがあることです。モジュールの内容を見てみましょう。もちろん、無料版と PRO 版が含まれています。カスタマイズされた高度な検索ボタン、メニュー ボタン、製品呼び出し、および多数のモジュールがあることがわかります。
ここでは、価格表、行動喚起、価格メニューなどの追加モジュールもいくつかあることがわかります。以下は、いくつかの特殊効果モジュールです。
以下では、プラグインのインストール方法と使用方法を説明します。
Elementor プラグインのインストールに必須のアドオン:
まず、バックエンドに入り、プラグインをインストールするためのプラグインを見つけて、用意したプラグインを選択します。ここでは、PRO バージョンをインストールすると無料バージョンが自動的にインストールされるため、現在の最高バージョンの PRO バージョンをインストールします。インストールをクリックします。
インストールが成功したら、前に説明した Elementor と同じように、このプラグインを有効にします。Elementor に基づいていくつかのモジュールを拡張するだけなので、Elementor を使用できる限り、拡張モジュールによってさらにいくつかの機能が追加されます。
インストールが成功すると、実際には PRO バージョンをインストールしていることがわかりますが、無料バージョンに依存している必要があります。これらの 2 つのプラグインは、サイトとインストールされた Elementor である必要があります。この PRO バージョンはインストールする必要はありません。無料の Elementor が必要であり、これに基づいて拡張する必要があります。
次に、更新します。これで、機能ボタンに Essential ボタンが表示されます。このボタンをクリックして開きます。
Elementorプラグイン設定の必須アドオン:
主にページビルダーで使用されるため、設定は実は非常に簡単です。そこで、その設定を調べてみましょう。
まず、このプラグインは有効化されており、GPL版なので、プラグインで拡張された以下のテンプレートを直接使用することができます。その後も使用できますが、このテンプレートについては、上記のテンプレートをダウンロードする前に、公式アカウントにリンクする必要があります。GPLを使用しており、このプラグインを購入していない場合は、このテンプレートを使用できませんので、インストールする必要はありません。
次に、2 つ目はいくつかのモジュールで構成されています。いくつかの物理制御モジュールを含む多くのモジュールがあり、他のプラグインと統合されています。たとえば、先ほど説明したナレッジ ベース プラグインも統合可能です。次に、ソーシャル メディア共有モジュール、フォーム モジュール、マーケティング モジュール、行動喚起などの市場操作、価格リストなどがあります。ここで、自分のニーズに合わせてモジュールをカスタマイズできます。すべてのモジュールをアクティブ化する必要があり、各モジュールは非常にユニークです。
前者は使用方法のドキュメントであり、後者はデモンストレーションケースです。
たとえば、ここにはメニュー ボックスである情報ボックスがあります。そのデモを直接クリックできます。
入力すると、ボックスの外観と設定内容を確認できます。これがボックスです。その上には小さなアイコン、タイトル、コンテンツがあります。もちろん、リンクを追加することもできます。左揃えスタイルなど、他のスタイルもいくつかあり、他のモジュールも同じです。最初にこのモジュールを使用するか、どのモジュールを使用するかを確認してから、どれをアクティブ化するかを選択できます。
ここでは、まずすべてを有効にします。もちろん、使用しないモジュールもあるため、実際の使用時にはこの方法を使用しないでください。また、コードの容量も消費するため、速度が少し遅くなります。そのため、ここではデモを行うだけにします。次に、[保存] をクリックします。正常に保存されたら、新しいページを追加し、Elementor エディターを開いて、Elementor を使用して編集します。
Elementor プラグイン モジュールの必須アドオン:
エディターを開いたら、まずテーマでいくつかのモジュールを非表示にします。次に、最初のレイアウトと、Elementor の無料版の Basic モジュールが表示されます。また、当サイトには Elementor PRO 版もインストールされているため、PRO 版に含まれるモジュールを引き続き確認してみましょう。以下は、新しくインストールした拡張プラグインです。追加されるモジュールの中には、非常に多くのものがあります。以前と同じように使用できます。Elementor メソッドを使用して、モジュールをドラッグ アンド ドロップし、コンテンツを追加します。
ここで追加されたテンプレートについては、アカウントに接続できないため、現時点では使用できません。商用版を購入した場合は、アカウントに接続できます。
これはそのモジュールの 1 つです。拡張機能を見てみましょう。
この拡張機能には、いくつかのモジュール(動的な効果のみ)も含まれているため、デフォルトで Elementor に追加できます。
次はツールです。このツールは主にモジュール設定の一部に使用されます。データをクリアできます。
次のものはCSSファイルの拡張機能です。ここではデフォルトで外部ファイルを使用できます。そして最後は、他のプラグインを統合することです。たとえば、 より良いドキュメント、先ほど説明したナレッジ ベース、またはいくつかのリマインダー モジュールなどです。
もちろん、これらのモジュールは無料版でもインストールされますので、ご自身のニーズに合わせて、必要ない場合はインストールする必要はありません。プラグイン: これらはすべてプラグインの設定です。
Elementor モジュールの使用に必須のアドオン:
次に、編集インターフェイスに入り、それを変更して、その中のモジュールを使用してみます。たとえば、使用するモジュールをいくつか見つけます。たとえば、アイコン モジュールの infobox を使用して、その効果を確認してみましょう。同様に、それを Web ページに直接ドラッグすると、モジュールが自動的に追加されます。このモジュールには 3 つの部分があります。1 つ目はアイコン、2 つ目はタイトル、3 つ目はコンテンツ、4 つ目はそのスタイルの一部です。
ハイパーリンクを設定する方法は、以前Elementorで使用したモジュールとまったく同じですが、このモジュールにはいくつかのカスタマイズがあります。たとえば、最初のものを見ると、その画像を追加できます。これを行うにはいくつかの方法があります。画像は左または右に揃えることができます。もちろん、画像を上部に表示することもできます。実際、Elementorのインフォボックスでもこの効果を実現できますが、下のアイコンについては、最初に表示されないようにすることができます。たとえば、数値のシリアル番号を使用する場合は、最初のステップ、2番目のステップ、3番目のステップに追加することもできます。もちろん、ここで追加できるのは数字だけです。
次に、3 番目には、このフォント アイコンを使用できます。ここでは、フォント アイコン ライブラリのアイコンを使用できます。たとえば、小さなアイコンを見つけて置き換えることができます。もちろん、このアイコンをアップロードすることもできます。このような小さな SVG アイコンで、最後のアイコンを画像に変更できます。これは、Elementor の元の情報ボックスと比較したものです。これは、Elementor の以前の情報ボックスに相当します。デフォルトでは 2 つ含まれており、1 つは小さなアイコンのみを追加でき、2 つ目は画像のみを追加できるため、分離されています。
ここでは、モジュールに統合することに相当するため、Elementor の独自のエコロジーを使用できます。すると、下のインフォボックスの内容にタイトルが含まれます。もちろん、タイトルにセマンティクスを設定することもできます。たとえば、h1 から h6 までのタグまたはその他のタグを選択すると、次の内容に 2 つのオプションが表示されます。2 つの方法があります。1 つ目は、ここで直接内容を入力できることです。
2 つ目はモジュールと呼ばれ、選択できます。たとえば、ブログ リストを呼び出す場合、このテンプレートは Elementor にあります。テンプレート内のテンプレートはここではモジュールと呼ばれているため、Elementor でモジュールを作成し、フォアグラウンドで呼び出すことができます。
彼がブログ モジュールを呼び出していることがわかります。したがって、通常の状況では、もちろんそのコンテンツを直接使用できます。
次はボタンです。ここでは、ボタンを追加し、ボタン名とハイパーリンクを追加できます。もちろん、このボタンにアイコンを追加して、アイコンを表示することもできます。アイコンとフォントの前面または背面、間隔を調整できます。
したがって、ボタンまたはハイパーリンクを追加する場合は、このボタンのみをクリックできます。次に、このボタンをオフにすると、もう 1 つはモジュール全体になります。それにリンクを追加してから、このモジュールに追加できます。マウスを移動している限り、任意の位置をクリックして、必要に応じて追加できます。スタイルは実際には以前と同じです。
たとえば、フォント サイズやアイコン サイズを変更できます。また、その余白のホバー カラー、フォント、フォント カラーなども変更できます。これには、タイトルのフォント、コンテンツのフォント、ホバー フォントが含まれ、これらはすべてまったく同じです。
各モジュールの詳細設定にいくつかの追加機能が追加されるだけです。
まず、モジュール全体にハイパーリンクを追加します。このモジュールのハイパーリンクの重みが最も高いため、前述のモジュールのハイパーリンクとは異なります。すべてのモジュールに追加できます。以前のハイパーリンクはここにありますので、ハイパーリンクを追加できます。
2 つ目はプロンプトを追加できます。たとえば、これをアクティブにして保存します。保存後、このモジュールを参照します。ここで、このモジュールの上にマウスを移動すると、さらに表示されます。そこにはプロンプトがあります。このプロンプトは、先ほど追加したものです。このモジュールを説明することができます。もちろん、ここでプロンプトを変更したり、そのスタイルを変更したりできます。次に、プロンプトに動的効果を含めます。
次は、いわゆるコンテンツ保護です。開いて見てみましょう。いくつかのルールを設定できます。たとえば、ここでのルールでは、閲覧するためのパスワードを設定できます。すると、ユーザーがクリックして入るとき、パスワードを入力しないと閲覧できなくなります。
もう 1 つは、一部のユーザーだけが表示できることです。たとえば、管理者だけが表示できることや、登録ユーザーだけが表示できることなどです。もちろん、それはあなた自身のニーズによって異なります。必要がない場合は、心配する必要はありません。
次に、次のルールも設定します。これを開いて、いくつかの制御を行うことができます。たとえば、ここでユーザーの権限を設定できます。すると、このユーザーはログインしているときのみ表示できます。ログインしていない場合は表示されません。つまり、設定に応じて、自分のニーズに応じて設定できます。もう 1 つは、特定のユーザーに表示できるようにし、その後全員に表示できるようにすることです。下にいくつかあります。たとえば、他のルールも設定できます。たとえば、特定の期間のみ表示できます。この期間を超えると、表示できなくなります。通常の場合、使用できます。
もちろん、すべてのモジュールをこのように設定できます。たとえば、別のモジュールを追加してタイトルを追加すると、このタイトルにも非常にクールな効果があります。そのコンテンツは、インターネット上の情報ボックスと似ていますが、タイトル専用であり、コンテンツを追加することもできます。次に、高度なバージョンを見てみましょう。これらのモジュールも追加されます。これらのモジュールの機能を知っておく必要があります。それだけです。
1 つ目は、モジュール全体にハイパーリンクを追加します。2 つ目はリマインダーを追加し、3 つ目はコンテンツ保護を追加し、4 つ目はいくつかのルールを追加します。ルールの一部は特定のルールの下にあり、一部のユーザーのみがそれらを表示でき、他のユーザーはその下のルールを表示できません。これが、このプラグインが追加するモジュールです。他のモジュールを試すことができます。ここでは 1 つずつ説明しません。モジュールはたくさんあります。このモジュールと当社のエレメンターを通じて、PRO バージョンを追加すると、独立したステーションでの撮影効果や機能のほとんどを実現できます。これは、Elementor Pro エレメントの Essential Addons の拡張プラグインです。使用方法。