WordPressプラグイン:Elementorを使用してライトボックスでビデオを開く

Elementorボタンビデオライトボックスを開く

で構築されたクライアントとのウェブサイトを採用しました Elementor、WordPress用の素晴らしいドラッグアンドドロップ編集プラグインで、プログラミングやショートコードを理解しなくても、レスポンシブで複雑で美しいレイアウトを簡単に作成できるようになります。

Elementorにはいくつかの制限があり、そのうちのXNUMXつはクライアントサイトでの作業に遭遇しました。 彼らは単にライトボックスでビデオを開くボタンが欲しかったのです…Elementorが提供していないものです。 再生ボタンの有無にかかわらず画像を使用して問題を回避できますが、Elementorには優れたボタン要素があります。 彼らが箱から出してこれを提供しなかったことに私は驚いています。

ありがたいことに、そのためのプラグインがあります!

Elementorに不可欠なアドオン

ありがたいことに、Elementor用の優れたアドオンがいくつか市場に出回っています。 ただし、プラグイン開発者を選択するときは十分に注意する必要があります。 Elementor上にWordPressサイトを構築すると、Elementorへの依存が生まれます。 次に、別のベンダーがアドオンを構築すると、別の依存関係が作成されます。 WordPressサイトの成功には、プラグイン開発者がWordPressとElementorのバージョンが更新されたときにプラグインを維持および改善するために、十分なインストールと関連する収益を確保することが重要です。

XNUMXつの素晴らしいプラグインは Elementorに不可欠なアドオン。 800,000以上のインストールがあるプラグインは、市場でElementorの最も人気のある要素アドオンプラグインである可能性があります。 このプラグインの重要な機能は、Elementorで構築されたWordPressWebサイトのライトボックスを簡単に追加および構成する機能です。

Elementorライトボックスボタン

Elementorプラグイン用のEssentialAdd-Onsの有料バージョンをインストールしたら、 ライトボックス&モーダル Elementor要素の要素を表示する機能。 次に、検索してページに簡単にドラッグできます。

elementorlighboxモーダル

次に、要素のいくつかの設定を変更する必要があります。

  • [設定]> [トリガー]をに設定します ボタンクリック
  • [設定]> [タイプ]をに設定します ボタン
  • 設定を設定> ボタンのテキスト
  • [コンテンツ]> [タイプ]をに設定します ページ/ビデオ/地図へのリンク
  • コンテンツを設定> ページ/ビデオ/マップのURLを提供する あなたのビデオURLに

その後、必要に応じてライトボックスとボタンのスタイルをカスタマイズできます。 これは、このアドオンとElementorの間のシームレスなエクスペリエンスです。

elementorライトボックスボタン

その機能は支払う価値があったかもしれませんが、ElementorプラグインのEssential Add-Onsには、無料版と有料版の両方に含まれている他の多くの機能があります。 注:ライトボックス機能は有料版にあります。

Elementorに不可欠なアドオン:無料の要素

無料版には、追加できるいくつかの基本的な要素があります。

  • 情報ボックス –上部にアイコンを追加し、アニメーション効果を追加して、情報ボックスタイプで重要な情報を表示します。
  • 高度なアコーディオン –コンテンツを表示し、トグルアイコンを有効にし、アコーディオンセクションに目的のテキストを入力して、視聴者にとってインタラクティブに見えるようにします。
  • ウー製品グリッド – WooCommerce製品をどこにでも展示し、カテゴリ、タグ、または属性別に製品を表示します。 レイアウトにホバー効果を簡単に追加して、見事なものにします。
  • フリップボックス –マウスホバーで左右に反転するアニメーションでコンテンツを美しく表示します。
  • 高度なタブ – インスタンスの聴衆を引き付けるためにカスタムメイドのネストされたタブのデザインをサポートするインタラクティブな方法で重要な情報を表示します。
  • 価格表 –完璧なスタイリングを備えた効果的な製品価格表を作成して、見込み客からより多くの売上を獲得します。
  • イメージアコーディオン – EA Image Accordionを使用して、すばらしいホバー効果とクリック効果で画像を強調表示します。 
  • ポストグリッド –グリッドレイアウトで複数のブログ投稿を表示します。 レイアウト設定から好みのレイアウトを選択し、それにアニメーションを追加して、訪問者にとってインタラクティブに見えるようにすることができます。
  • アクションの呼び出し - 行動を促すフレーズのコンテンツと色をスタイル設定し、リンクして、訪問者を目的のアクションに誘導します。
  • カウントダウン –さまざまなスタイルの選択からタイマーを作成および設計します。
  • ポストタイムライン –ブログの投稿、ページ、またはカスタム投稿を見事な垂直レイアウトで表示します。 好きな投稿数を設定したり、すばらしい効果、画像オーバーレイ、ボタンなどを追加して、視聴者の興味を引くことができます。
  • フィルター可能なギャラリー–個別のカテゴリ、グリッドスタイルで画像を表示し、全体的なデザインをカスタマイズして、並外れた外観を確保します。

Elementorのエッセンシャルアドオンをダウンロードする

Elementorの必須アドオン:有料要素

有料版では、Elementorベースのテーマで最大の機能を真に提供する要素がさらにたくさんあります。

  • ライトボックスとモーダル –ポップアップを使用して、ビデオ、画像、またはその他のコンテンツを紹介します。 必要なトリガーアクションを設定し、アニメーションを追加し、エンゲージメントを最大化するようにレイアウトを設定できます。
  • 画像比較 –潜在的な購入者がXNUMXつの製品イメージを比較できるようにします(古いものと新しいもの)驚くべき方法で。
  • ロゴカルーセル –希望のカルーセル効果を選択し、ロゴを追加して出力のスタイルを設定し、すべてのクライアントまたはパートナーを美しく表示します。
  • 視差効果 –訪問者が、マウスホバー操作を組み込んだ多層視差効果でサイトを体験できるようにします。
  • 宣伝広告 –魅力的な見出し、内側のコンテンツ、マウスオーバーコンテンツ、美しい画像を追加して、訪問者の注意を引き付けます。
  • コンテンツの切り替え– コンテンツにホバー効果を追加して、訪問者に注目してもらいたい違いを強調します。
  • グーグルマップ■–マップ要素を構成し、マーカーアイコンを追加して、訪問者にとってインタラクティブにします。
  • パーティクルエフェクト – Webサイトにクリエイティブなセクションを追加して、目立たせます。
  • インタラクティブカード –内部スクロールやホバー効果などの高度な機能をコンテンツブロックにもたらします。
  • 保護されたコンテンツ –パスワードまたはユーザーロールによってコンテンツを制限します。
  • ポストブロック –最新のCSS Flexの機能を使用して、さまざまな独自のスタイルでブログ投稿を表示します。 レイアウトの選択、アニメーションの追加、アイコンの追加、ホバー効果を含むすべてのスタイル設定を行うことができます。
  • 高度なツールチップ –コンテンツの上下にツールチップを追加します。
  • 1ページナビゲーション – Elementorを使用して、数回クリックするだけで単一ページのWebサイトを構築します。
  • 証言スライダー –XNUMXつのコンテンツ領域で複数のレビューを美しく紹介するインタラクティブな紹介文ボードを作成します。
  • Instagram –サイトにInstagramフィードを表示することで、サイト訪問者の注意を引き、Instagramフォロワーを増やします。
  • 画像ホットスポット –カスタムツールチップを使用して画像領域のホットスポットを追加し、ユーザーがホットスポットをクリックして関連するテキストを表示できるようにします。

私が本当に感謝しているプラ​​グインのオプションは、サイト内のこれらの各要素を有効または無効にする機能です。 これにより、サイトに追加される各機能のスクリプトのオーバーヘッドが制限されます。

Elementorのエッセンシャルアドオンをダウンロードする

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.