このセクションでは、Elementor ビルダーの別の拡張プラグインを紹介します。 エレメントパックプロ.

Element Pack Pro プラグインの紹介:

公式ウェブサイトにアクセスして見ることができます。それを開くと、内部のモジュールを見ることができます。

1.Element Pack Pro 拡張プラグイン 1

ここには 200 を超えるモジュールがあり、そのうち 74 は無料、210 は PRO バージョンです。特徴的なモジュールのいくつかを開くことができます。たとえば、360 度回転できる 360 度ディスプレイと呼ばれる製品があります。

2.Element Pack Pro 360 製品ビュー 1

この場合、製品がいくつかあると、ユーザーが各製品の視点を確認し、製品をよりよく表示するのに便利です。このようなモジュールを独立したステーションに適用できます。このようなモジュールは非常に特徴的なモジュールであり、次の機能の一部が含まれています。このモジュールに加えて、いくつかの3Dフォントなど、他のモジュールもあります。

Element Pack Pro プラグインのインストール:

次に、このプラグインの使用方法と、Elementor にいくつかのモジュールを追加する方法を説明します。同様に、拡張プラグインをインストールします。ここで用意したのは PRO バージョンなので、このプラグインを直接インストールし、現在の最高バージョンである 7.6.5 を見つけます。もちろんです。

Element Pack Pro の機能:

Element Pack Proダッシュボード:

クリックしてインストールを開きます。プラグインが正常にインストールされ、アクティブ化されると、機能ボタンに Element Pack Pro のような追加ボタンが表示されます。クリックして開きます。開くと、ここでの設定が明らかになります。たとえば、最初はパネルです。パネルには、現在持っているモジュールの数と有効になっているモジュールの数が表示されます。

3.Element Pack Pro プラグインパネル 1 e1716206211259

合計 253 個のモジュールがまだ有効になっていません。以下に、その他の手順を含む、一部のシステムのステータスを示します。

Element Pack Pro コアウィジェット:

2 つ目は、拡張プラグインに含まれるモジュールであるコア モジュール用です。モジュールは多数あり、それらをオンにしたり、すべてをアクティブにしたり、オフにしたりすることもできます。

4.Element Pack Proコアコンポーネントの有効化設定1

また、どのモジュールを使用する必要があるかなど、自分のニーズに合わせて有効にすることもできます。次に、各モジュールは、前にインストールした拡張プラグインと同じです。デモ状態とこのモジュールのデモを見ることができますが、一部のモジュールは開けない場合があります。では、最初のモジュールを見てみましょう。このモジュールは開くことができません。つまり、内部のリンクは無効です。もちろん、ビデオチュートリアルもいくつかあります。ビデオチュートリアルが開けるかどうか見てみましょう。このビデオはYouTubeで開くことができます。YouTubeビデオに従って、各モジュールの使用方法を確認できます。これは、当社の要素の元のモジュールと同じです。

Element Pack Pro 統合コンポーネント:

3 つ目は、サードパーティ モジュールを統合するサードパーティ モジュールです。これらのモジュールについては、対応するプラグインをインストールする必要があります。または、当社の独立したステーションにすでにそのような機能が搭載されている場合は、使用できません。たとえば、当社の bbpress、つまりすべてのフォーラムは bbpress とメンバー向けであるため、これらのサードパーティ モジュールはダウンロードしてインストールした後にのみ使用できます。

5.Element Pack Pro サードパーティコンポーネントの統合 1

ここで説明する拡張モジュールは、主に各モジュールの詳細設定のコンテンツ用です。これを変更することもできます。たとえば、すべてのテキストまたは各モジュールに 3D 設定効果を追加できます。カスタム CSS または JS と背景色拡張機能を追加することも可能です。

さらに、当社のElementorなどのページビルダーを含む、当社の各拡張プラグインのAPIは、実際には非常に理解しやすいものです。たとえば、一部のGoogleマップや一部のソーシャルメディアモジュールと呼ばれる場合があります。そのため、この時点で、Googleマップなどの対応するAPIを申請する必要があります。キーを申請して、ここに記入する必要があります。

6.Element Pack Pro 統合モジュール設定 1 e1716206439335

この場合、このプラグインの拡張機能と Google マップ モジュールを使用できます。Youmonkey を購読するためのニュースレターや、連絡モジュールが追加され、連絡フォームを追加できる連絡パネルなど、他のすべては同じです。Facebook のログイン ボタンを含む送信メール アドレスを入力する必要があります。また、Facebook ID とそのトークンを申請する必要もあります。

Element Pack Pro プラグインの設定:

次に、他の設定をいくつか見ていきます。ここでの設定は主にパフォーマンス設定です。たとえば、CSS ファイルや JS ファイルを結合できます。通常の状況では使用しません。パフォーマンスの最適化は、独立したステーションを操作するための特別なパフォーマンス最適化プラグインがあるためですが、他のすべては使用できます。たとえば、カスタマイズされたデコードを使用したり、その中のスーパーメニューを使用したりすることができます。

7.Element Pack Pro その他の設定1

最後は証明書です。GPL バージョンが有効化されていることを共有しているので、心配する必要はありません。

これはこのプラグインの設定です。主に設定するのは、どのモジュールを使用するかです。これらのモジュールをオンにする必要があります。

Element Pack Pro プラグインの使用方法:

それでは、使い方を見ていきましょう。使い方はまったく同じです。Elementorのページビルダーモジュールを入力する必要があり、拡張するモジュールが表示されます。 エレメンターPRO バージョンも同様です。たとえば、Elementor のページ ビルダー モジュールを開きます。開いたら、このテーマを使用するため、以前のものをその中に折りたたみます。 ウッドマート インストールした Elementor の基本バージョンと PRO バージョンを含むいくつかの要素モジュールを統合しているため、既存のモジュールが多数あります。以下は、Element pack PRO です。

8.エレメントパックプロモジュールディスプレイ1

これらは、インストールした拡張プラグインを通じて追加されたモジュールの一部です。たとえば、現在ドラッグしているアコーディオンは、アコーディオンです。このアコーディオンは、主に FAQ などの一般的な問題をまとめるモジュールとして使用されます。

ドラッグすると、このモジュールと元のモジュールが表示されます。比較してみましょう。たとえば、元のモジュールを見つけてドラッグします。以下は、Elementor にデフォルトで付属しているアコーディオン効果です。上記は、Element Pack Pro プラグインをインストールして拡張したモジュールです。スタイルがまったく異なり、カスタマイズされた効果も異なることがわかります。

9.Element Pack Pro アコーディオンモジュール設定 1 e1716206655743

まずこのモジュールを編集して、確認してみましょう。まず、FAQ の概要に似た多くのモジュールを追加できます。さらにコピーしたり、各モジュールのタイトルを変更したりすることもできます。コンテンツを変更することもできます。

次に、小さなアイコンを追加することもできます。たとえば、ここにアイコンを追加してみましょう。置き換えた後、まだ表示されていないことがわかります。ここでは気にする必要はありません。まず他の設定を追加しましょう。モジュールには、さらに 2 つのモジュールがあることがわかります。このモジュールがターゲットとする小さなアイコンは、現在表示されている右側のモジュールです。これらのモジュールを変更することもできます。たとえば、他のモジュールを含めるように変更できます。さて、アイコンが変更され、タイトル付きのアイコンが表示されています。今小さなアイコンを表示できなかったのは、ここでオンになっていないためです。今すぐオンにしましょう。

10.Element Pack Pro アコーディオンモジュール スタイル変更 1

オンにした後、この小さなアイコンが先ほど表示されたことがわかりました。もちろん、各モジュールに小さなアイコンを追加できます。これらは、このモジュールに付属する機能の一部です。たとえば、以下にいくつかの高度なものがあります。設定、たとえば、すべてのモジュールを閉じた状態で表示すると、閉じた状態が表示され、開いた後に内部の内容を表示できます。これをオフにすると、デフォルトで最初のものが開きます。2つ目を開くと、最初のものがカバーされます。2つ目を選択すると、他のモジュールに影響を与えることなく、すべてを開くことができます。

状態が表示され、下に別のモジュールがあります。このモジュールにハイライトされたフォームを追加できます。たとえば、オンにすると、モジュールの下部に赤い線が表示されます。保存して更新してみましょう。その下に追加のハイライト表示があることを確認してみましょう。これは役に立ちません。次に、下にサウンドがあります。内部のモジュールをクリックすると、適切なサウンド効果が得られます。効果。

11.Element Pack Pro アコーディオン サウンドエフェクト 1

たとえば、ここではクリックしたときに音を鳴らすように選択し、今すぐ保存して、保存後に更新します。もちろん、携帯電話の画面をタッチすると、音も鳴ります。クリックすると、聞こえます。これは、モジュール全体にハイパーリンクを追加するような音です。次に、スタイル設定は以前使用したものと似ていますが、モジュールが増えています。これらの新しいものはすべて新しいモジュールであり、詳細設定では、いくつかのモジュールが追加されます。たとえば、最初のものにいくつかの特殊効果を追加できます。たとえば、花が広がっている状態が表示されています。もちろん、ユーザーが開く他の効果も使用できます。状態がある場合は、スノーフレークを追加することもできます。もちろん、この特定の効果は、以前のエレメンターのものも含め、拡張プラグインのすべてのモジュールに適用されます。これは追加の追加であるため、追加することもできます。

12.Element Pack Proモジュール背景効果1

次は、マウスの状態を変更することです。マウスの状態がいくつかあることがわかります。今マウスを上にすると、矢印ではなく他のスタイルが表示されます。自分のニーズに合わせて変更することもできます。変更してください。次に、次のものは入力方法の1つです。実際、Elementorにもデフォルトでそれがあります。たとえば、右から左または左から右に入力するときに、この効果を追加できます。

13.エレメントパックプロマウスエフェクト1

次はプロンプトを追加します。これを開いた後、このモジュールにマウスを置くと、次のような説明が表示されます。たとえば、黒いボックスが表示されている場合は、もちろんこのプロンプトの内容を読むことができます。自由に変更してください。位置を変更することもできます。

次は、表示ステータス、つまり、どのような才能を表示できるかを制御することです。ログインしているユーザーや訪問者など、いくつかのルールを追加して、このモジュールを制御することもできます。誰でも表示ステータスを調べることができます。さて、これは Element Pack PRO プラグインの使用方法についてです。