Elementor を使用して Lightbox でビデオを開きますか?
Elementor ページにビデオを簡単に追加するためのビデオウィジェットが付属しています。 Elementorの動的コンテンツ機能を使用して動的ビデオを追加することもできます（プロバージョンが必要です）。
Elementorでビデオを追加すると、まだ呼び出されているライトボックスで開くように構成できます ビューア.
この記事ではその方法を説明します。
しかし、最初に調べてみましょう WordPressにElementorをインストールする方法
Elementorでは、ライトボックスにビデオを追加する方法が少なくともXNUMXつあります。 ケースに合わせてお選びいただけます。 まず、上で述べたように、ビデオ ウィジェットを使用できます。 この方法は、Elementor の両方のバージョンで機能します。 次に、ダイナミックリンク機能を使用できます。 この後者の方法を使用するには、プロバージョンが必要です。
ビデオウィジェットを使用してElementorのライトボックスでビデオを開く方法
前述のように、Elementorには、ページまたはテンプレートにビデオを追加するためのビデオウィジェットが付属しています。 ウィジェットには、ライトボックスでビデオを開くための設定オプションがあります。
まず、ビデオウィジェットを編集ボックスに追加します。
フィールドにリンクを貼り付けて動画を追加します リエン。
ビデオの追加が完了したら、ブロックを開きます 画像オーバーレイ で [コンテンツ]タブ 設定パネルからアクティブにします 画像オーバーレイオプション。 オプションを有効にするだけです ビューア。 これにより、ライトボックスでビデオが開きます。 必要に応じて、画像オーバーレイを追加できます。
ダイナミックリンクを使用してElementorのライトボックスでビデオを開く方法
あなたが使用している場合 Elementorプロ、ダイナミックリンク機能を使用してビデオを追加することもできます。 画像ウィジェット、ボタンウィジェット、テキストウィジェットなど、リンクを追加するオプションのあるウィジェットを使用できます。
まず、通常どおりウィジェット（ボタンウィジェット）を編集ボックスに追加します。 設定パネルで、フィールドの動的アイコンをクリックします リンク 選択 ライトボックス.
次に、フィールドのレンチアイコンをクリックします ライトボックス。 ビデオアイコンをクリックして、追加するビデオのURLを貼り付けます。
ここに。 アイテムをクリックすると、次のようにライトボックスにビデオが表示されます。
ライトボックスのカスタマイズ
Elementor のライトボックスのデフォルトの外観が印象に残らない場合は、カスタマイズできます。 これを行うには、設定パネルの左上隅にあるハンバーガー アイコンをクリックし、 サイト設定.
上をクリックします ライトボックス ブロックで 調整。
ご覧のとおり、色など、設定できる設定オプションがいくつかあります。
- 背景色： ビューアの背景色
- UIカラー： ボタンの色（閉じるボタン、全画面ボタン、ズームインボタン、共有ボタン）
- UI ホバーの色: ホバーモードのボタンの色
- テキストの色： テキストの色。 ライトボックス画像に適用されます
オプションのボタンサイズを設定することもできます ツールバーアイコンのサイズ オプションのナビゲーションアイコンのサイズと同様に ナビゲーションアイコンのサイズ。 設定が終わったら ボタンをクリック 更新 変更を適用します。
Elementor Proを今すぐ入手！
プレミアムWordPressプラグインもご覧ください
他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。
ここでは、そのためのプレミアムWordPressプラグインを提供しています。
1。 オール・アラウンド
オールアラウンドは WordPressのプラグイン バランスの取れた名前が示すように、プレミアム。 クリーンでレスポンシブなデザイン、多数の事前定義されたスタイル オプション、およびタッチのサポートを提供します。
この WordPress スライダーは、あらゆる Web サイトに最適な汎用性の高いオールインワン ソリューションです。 初めての場合 WordPressのプラグイン とスライダー プラグインを使用すると、必要になる最後のプラグインになる可能性もあります。
記事もご覧ください トラフィックが少ないときにブログでお金を稼ぐ方法
その機能は次のとおりです。完全にレスポンシブなページで、 6の事前定義スタイル、leサポートビデオ、d垂直または水平スクロール、p1ページで複数のスライダーをサポート、eもっと
2。 究極のフォームビルダ
Ultimate Form Builder は、 WordPressのプラグイン 作成できるプレミアム フォーム 無制限の応答。 ビルダー付きです フォーム あらゆる種類のフォーム (連絡先、アンケート、オファー、情報など) を作成できるドラッグ アンド ドロップ。
このプラグインは使いやすいです。 美しいものを作成、カスタマイズ、デザインできます フォーム、既存のフォームのテンプレートをデザインに適用し、すぐにウェブサイトで使用します。
あなたもできます 電子メールでフォームデータを受信する データベースに保存します。 CSV形式でエクスポートして、 タブロー・ド・ボルド あなたのウェブサイトの。
このプラグインによって設計されたすべてのフォームは、次のおかげで非常に安全です Captchaシステム 効果的。
3。 WooCommerce配送追跡
WCSTを使用すると、顧客は注文を簡単に追跡できます。 各注文を運送会社と追跡番号に関連付けることができます。
WCSTは、追跡情報（会社のURLと追跡コード）を「注文完了」メールと「注文表示」ページに直接投稿します。
リストもご覧ください オンラインストアを向上させるために50 WooCommerceプラグイン
WCSTによって生成されたリンクをクリックするだけで、顧客は簡単に注文に従うことができます。 このWooCommerce拡張機能を使用すると、商品の配送コストを計算できるだけでなく、独自の配送会社を追加して設定することもできます。
推奨リソース
ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。
- 10 WooCommerceのプラグインは、小包の配送コストを計算する
- WordPressでコンテンツブロッカーを使用する必要があるのはなぜですか？
- WordPressブログを複数の言語に翻訳する方法
- FacebookとDisqusのコメントを段階的に読み込む方法
まとめ
ここに ！ Elementorを使用してライトボックスでビデオを開く方法を示すこのチュートリアルは以上です。. 持っていれば commentaires または提案、予約セクションでお知らせすることをheしないでください。
しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi：史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...
