こんにちは、このセクションでは別の エレメンター 拡張プラグイン: Elementor の Essential Addons。以前使用したもの エレメントキットPRO同じく、Elementorプラグインの拡張プラグインでもあります。

Elementor プラグインの必須アドオンの紹介:

まずは、このプラグインの公式サイトに行って見てみましょう。このプラグインは古くから存在しており、Raymond をベースに 90 を超える特徴的なモジュールを独自に開発してきました。

Elementor Proプラグインの必須アドオン1つ紹介

したがって、このプラグインをインストールすると、ページで要素ビルダーが使用されている場合に、90 を超えるさまざまなスタイルのモジュールを追加できます。このプラグインには無料バージョンがあり、現在、デモを行っているものを PRO バージョンとして提供しています。このバージョンには、以下の手順も記載されています。たとえば、無料バージョンを使用している場合は、一部の基本モジュールしか使用できない場合があります。PRO バージョンをインストールした場合にのみ、すべてのモジュールを使用できます。

また、独自のコンポーネントを通じて組み合わされた地域モジュールであるテンプレートもいくつか提供されます。

Elementor Pro テンプレート コンポーネントの必須アドオン 2 つ e1714400815838

実際、使用するかどうかは問題ではありません。最も重要なのは、90 を超えるモジュールがあることです。モジュールの内容を見てみましょう。もちろん、無料版と PRO 版が含まれています。カスタマイズされた高度な検索ボタン、メニュー ボタン、製品呼び出し、および多数のモジュールがあることがわかります。

ここでは、価格表、行動喚起、価格メニューなどの追加モジュールもいくつかあることがわかります。以下は、いくつかの特殊効果モジュールです。

Elementor Pro コンポーネントに必須の 3 つのアドオン

以下では、プラグインのインストール方法と使用方法を説明します。

Elementor プラグインのインストールに必須のアドオン:

まず、バックエンドに入り、プラグインをインストールするためのプラグインを見つけて、用意したプラグインを選択します。ここでは、PRO バージョンをインストールすると無料バージョンが自動的にインストールされるため、現在の最高バージョンの PRO バージョンをインストールします。インストールをクリックします。

インストールが成功したら、前に説明した Elementor と同じように、このプラグインを有効にします。Elementor に基づいていくつかのモジュールを拡張するだけなので、Elementor を使用できる限り、拡張モジュールによってさらにいくつかの機能が追加されます。

インストールが成功すると、実際には PRO バージョンをインストールしていることがわかりますが、無料バージョンに依存している必要があります。これらの 2 つのプラグインは、サイトとインストールされた Elementor である必要があります。この PRO バージョンはインストールする必要はありません。無料の Elementor が必要であり、これに基づいて拡張する必要があります。

Elementor Pro プラグインのインストール成功のための 4 つの必須アドオン e1714401209256

次に、更新します。これで、機能ボタンに Essential ボタンが表示されます。このボタンをクリックして開きます。

Elementorプラグイン設定の必須アドオン:

主にページビルダーで使用されるため、設定は実は非常に簡単です。そこで、その設定を調べてみましょう。

まず、このプラグインは有効化されており、GPL版なので、プラグインで拡張された以下のテンプレートを直接使用することができます。その後も使用できますが、このテンプレートについては、上記のテンプレートをダウンロードする前に、公式アカウントにリンクする必要があります。GPLを使用しており、このプラグインを購入していない場合は、このテンプレートを使用できませんので、インストールする必要はありません。

Elementor Proプラグイン設定インターフェースの必須アドオン5つ

次に、2 つ目はいくつかのモジュールで構成されています。いくつかの物理制御モジュールを含む多くのモジュールがあり、他のプラグインと統合されています。たとえば、先ほど説明したナレッジ ベース プラグインも統合可能です。次に、ソーシャル メディア共有モジュール、フォーム モジュール、マーケティング モジュール、行動喚起などの市場操作、価格リストなどがあります。ここで、自分のニーズに合わせてモジュールをカスタマイズできます。すべてのモジュールをアクティブ化する必要があり、各モジュールは非常にユニークです。

Elementor Pro コンポーネント設定に必須の 6 つのアドオン

前者は使用方法のドキュメントであり、後者はデモンストレーションケースです。

たとえば、ここにはメニュー ボックスである情報ボックスがあります。そのデモを直接クリックできます。

Elementor Pro コンポーネント エフェクト デモの必須アドオン 7 つ

入力すると、ボックスの外観と設定内容を確認できます。これがボックスです。その上には小さなアイコン、タイトル、コンテンツがあります。もちろん、リンクを追加することもできます。左揃えスタイルなど、他のスタイルもいくつかあり、他のモジュールも同じです。最初にこのモジュールを使用するか、どのモジュールを使用するかを確認してから、どれをアクティブ化するかを選択できます。

ここでは、まずすべてを有効にします。もちろん、使用しないモジュールもあるため、実際の使用時にはこの方法を使用しないでください。また、コードの容量も消費するため、速度が少し遅くなります。そのため、ここではデモを行うだけにします。次に、[保存] をクリックします。正常に保存されたら、新しいページを追加し、Elementor エディターを開いて、Elementor を使用して編集します。

Elementor プラグイン モジュールの必須アドオン:

エディターを開いたら、まずテーマでいくつかのモジュールを非表示にします。次に、最初のレイアウトと、Elementor の無料版の Basic モジュールが表示されます。また、当サイトには Elementor PRO 版もインストールされているため、PRO 版に含まれるモジュールを引き続き確認してみましょう。以下は、新しくインストールした拡張プラグインです。追加されるモジュールの中には、非常に多くのものがあります。以前と同じように使用できます。Elementor メソッドを使用して、モジュールをドラッグ アンド ドロップし、コンテンツを追加します。

Elementor Pro コンポーネントの使用に必須の 8 つのアドオン

ここで追加されたテンプレートについては、アカウントに接続できないため、現時点では使用できません。商用版を購入した場合は、アカウントに接続できます。

これはそのモジュールの 1 つです。拡張機能を見てみましょう。

Elementor Pro に必須のアドオン 9 つ

この拡張機能には、いくつかのモジュール(動的な効果のみ)も含まれているため、デフォルトで Elementor に追加できます。

次はツールです。このツールは主にモジュール設定の一部に使用されます。データをクリアできます。

次のものはCSSファイルの拡張機能です。ここではデフォルトで外部ファイルを使用できます。そして最後は、他のプラグインを統合することです。たとえば、 より良いドキュメント、先ほど説明したナレッジ ベース、またはいくつかのリマインダー モジュールなどです。

もちろん、これらのモジュールは無料版でもインストールされますので、ご自身のニーズに合わせて、必要ない場合はインストールする必要はありません。プラグイン: これらはすべてプラグインの設定です。

Elementor Pro 拡張機能に必須のアドオン 10 選

Elementor モジュールの使用に必須のアドオン:

次に、編集インターフェイスに入り、それを変更して、その中のモジュールを使用してみます。たとえば、使用するモジュールをいくつか見つけます。たとえば、アイコン モジュールの infobox を使用して、その効果を確認してみましょう。同様に、それを Web ページに直接ドラッグすると、モジュールが自動的に追加されます。このモジュールには 3 つの部分があります。1 つ目はアイコン、2 つ目はタイトル、3 つ目はコンテンツ、4 つ目はそのスタイルの一部です。

Elementor Pro プラグインのインフォボックス モジュールの使用デモに必須のアドオン 11 個

ハイパーリンクを設定する方法は、以前Elementorで使用したモジュールとまったく同じですが、このモジュールにはいくつかのカスタマイズがあります。たとえば、最初のものを見ると、その画像を追加できます。これを行うにはいくつかの方法があります。画像は左または右に揃えることができます。もちろん、画像を上部に表示することもできます。実際、Elementorのインフォボックスでもこの効果を実現できますが、下のアイコンについては、最初に表示されないようにすることができます。たとえば、数値のシリアル番号を使用する場合は、最初のステップ、2番目のステップ、3番目のステップに追加することもできます。もちろん、ここで追加できるのは数字だけです。

次に、3 番目には、このフォント アイコンを使用できます。ここでは、フォント アイコン ライブラリのアイコンを使用できます。たとえば、小さなアイコンを見つけて置き換えることができます。もちろん、このアイコンをアップロードすることもできます。このような小さな SVG アイコンで、最後のアイコンを画像に変更できます。これは、Elementor の元の情報ボックスと比較したものです。これは、Elementor の以前の情報ボックスに相当します。デフォルトでは 2 つ含まれており、1 つは小さなアイコンのみを追加でき、2 つ目は画像のみを追加できるため、分離されています。

ここでは、モジュールに統合することに相当するため、Elementor の独自のエコロジーを使用できます。すると、下のインフォボックスの内容にタイトルが含まれます。もちろん、タイトルにセマンティクスを設定することもできます。たとえば、h1 から h6 までのタグまたはその他のタグを選択すると、次の内容に 2 つのオプションが表示されます。2 つの方法があります。1 つ目は、ここで直接内容を入力できることです。

Elementor Pro プラグインの 12 個の必須アドオン インフォボックス モジュール タイトル セマンティクス e1714402011687

2 つ目はモジュールと呼ばれ、選択できます。たとえば、ブログ リストを呼び出す場合、このテンプレートは Elementor にあります。テンプレート内のテンプレートはここではモジュールと呼ばれているため、Elementor でモジュールを作成し、フォアグラウンドで呼び出すことができます。

13 Elementor テンプレート e1714402075881

彼がブログ モジュールを呼び出していることがわかります。したがって、通常の状況では、もちろんそのコンテンツを直接使用できます。

次はボタンです。ここでは、ボタンを追加し、ボタン名とハイパーリンクを追加できます。もちろん、このボタンにアイコンを追加して、アイコンを表示することもできます。アイコンとフォントの前面または背面、間隔を調整できます。

したがって、ボタンまたはハイパーリンクを追加する場合は、このボタンのみをクリックできます。次に、このボタンをオフにすると、もう 1 つはモジュール全体になります。それにリンクを追加してから、このモジュールに追加できます。マウスを移動している限り、任意の位置をクリックして、必要に応じて追加できます。スタイルは実際には以前と同じです。

たとえば、フォント サイズやアイコン サイズを変更できます。また、その余白のホバー カラー、フォント、フォント カラーなども変更できます。これには、タイトルのフォント、コンテンツのフォント、ホバー フォントが含まれ、これらはすべてまったく同じです。

各モジュールの詳細設定にいくつかの追加機能が追加されるだけです。

Elementor Proプラグインの追加設定機能のための14の必須アドオン

まず、モジュール全体にハイパーリンクを追加します。このモジュールのハイパーリンクの重みが最も高いため、前述のモジュールのハイパーリンクとは異なります。すべてのモジュールに追加できます。以前のハイパーリンクはここにありますので、ハイパーリンクを追加できます。

2 つ目はプロンプトを追加できます。たとえば、これをアクティブにして保存します。保存後、このモジュールを参照します。ここで、このモジュールの上にマウスを移動すると、さらに表示されます。そこにはプロンプトがあります。このプロンプトは、先ほど追加したものです。このモジュールを説明することができます。もちろん、ここでプロンプトを変更したり、そのスタイルを変更したりできます。次に、プロンプトに動的効果を含めます。

次は、いわゆるコンテンツ保護です。開いて見てみましょう。いくつかのルールを設定できます。たとえば、ここでのルールでは、閲覧するためのパスワードを設定できます。すると、ユーザーがクリックして入るとき、パスワードを入力しないと閲覧できなくなります。

もう 1 つは、一部のユーザーだけが表示できることです。たとえば、管理者だけが表示できることや、登録ユーザーだけが表示できることなどです。もちろん、それはあなた自身のニーズによって異なります。必要がない場合は、心配する必要はありません。

次に、次のルールも設定します。これを開いて、いくつかの制御を行うことができます。たとえば、ここでユーザーの権限を設定できます。すると、このユーザーはログインしているときのみ表示できます。ログインしていない場合は表示されません。つまり、設定に応じて、自分のニーズに応じて設定できます。もう 1 つは、特定のユーザーに表示できるようにし、その後全員に表示できるようにすることです。下にいくつかあります。たとえば、他のルールも設定できます。たとえば、特定の期間のみ表示できます。この期間を超えると、表示できなくなります。通常の場合、使用できます。

もちろん、すべてのモジュールをこのように設定できます。たとえば、別のモジュールを追加してタイトルを追加すると、このタイトルにも非常にクールな効果があります。そのコンテンツは、インターネット上の情報ボックスと似ていますが、タイトル専用であり、コンテンツを追加することもできます。次に、高度なバージョンを見てみましょう。これらのモジュールも追加されます。これらのモジュールの機能を知っておく必要があります。それだけです。

Elementor Pro ヘッダーモジュール使用デモの必須アドオン 15 個

1 つ目は、モジュール全体にハイパーリンクを追加します。2 つ目はリマインダーを追加し、3 つ目はコンテンツ保護を追加し、4 つ目はいくつかのルールを追加します。ルールの一部は特定のルールの下にあり、一部のユーザーのみがそれらを表示でき、他のユーザーはその下のルールを表示できません。これが、このプラグインが追加するモジュールです。他のモジュールを試すことができます。ここでは 1 つずつ説明しません。モジュールはたくさんあります。このモジュールと当社のエレメンターを通じて、PRO バージョンを追加すると、独立したステーションでの撮影効果や機能のほとんどを実現できます。これは、Elementor Pro エレメントの Essential Addons の拡張プラグインです。使用方法。