ウェブサイトは、サイトをより魅力的にするために、要素の背景にビデオを使用します。動画背景を持つWordPressウェブサイトを持つことは、以下の方法で比較的簡単です。 Elementorページビルダー. しかし、それを実現するためのリソースはほとんどありません。今回は、Elementor Page Builderでセクションに背景ビデオを追加する方法を紹介します。あなたは、任意の紹介ページ、投稿、記事、あるいは製品ページにビデオを追加することができます。
Elementorページビルダーで背景動画を追加する方法
ビデオの背景を追加するには、まずあなたのウェブサイトにelementorページビルダーが必要です。バカげていると思われるかもしれませんが、私たちは時々、訪問者から「うまくいかない」という声を聞きます。elementorがウェブサイトにインストールされていないのです!elementorは投稿でもページでも使えます。ですから、elementorページビルダーで新しいページを作成するか、既存のページを開いてください。それから記事に従ってください:
また読む:画像のためのベストElementorページビルダーアドオンとウィジェット
様々な画像ベースのアドオンとウィジェットについて、以下の記事を書きました。 "画像のためのベストElementorページビルダーアドオンとウィジェット" ポストご一読を。
ステップ1 : エディターからプラスボタンをクリックしてセクションを追加します。

希望の幅のセクションを選択します。下の画像のように、全幅セクションを選択します。

クリックすると、左側のパネルが現れます。名前の通り(セクションの編集)、このパネルはセクションを編集するためのものです。レイアウトタブからセクションの外観を選択することができます。下の画像で1と表示されているコンテンツ幅を選択するだけです。

私はブログ記事を作成するため、boxedを選択しました。全幅にすることもできます。ここからが楽しいところです。動画を追加するには、上の画像で2と表示されているスタイルタブをクリックしてください。
スタイルタブの背景セクションで、3種類の背景を選択できます。ソリッド、グラデーション、ビデオ背景です。写真のようにビデオをクリックします。

上の写真で1と表示されているビデオアイコンをクリックすると、いくつかの新しいオプションが表示されます。2と書かれたオプションからホバー効果を選択することもできます。3と書かれたオプションからパーティクルを有効にすることで、パーティクル効果を追加することもできます。 ビデオアイコンをクリックすると、以下のオプションが表示されます。

YouTubeの動画リンクを背景動画として使用することができます。また、メディアライブラリを使用して任意の.mp4ビデオをアップロードし、そのビデオの実際のパーマリンクを指定することもできます。上の画像の2のように、動画の開始時間と終了時間を指定することができます。また、3.のようにフォールバック画像を指定することもできます。フォールバック画像は、動画の再生に問題がある場合に使用します。 完了したら、保存してください。以下のようになります:
高さに問題があるかもしれません。下の図のように、レイアウトタブから最小の高さを調整することを忘れないでください。

それだけだ!とても簡単でしょう?この便利なチュートリアルを気に入っていただけたでしょうか?ElementorページビルダーでWordPressの動画背景を簡単に追加できるようになりました。何か問題がありましたら、お知らせください。また、解決策がないまましばらく探しているものを書いてほしい場合もお知らせください。良い時間をお過ごしください。
EP&PSライセンス(生涯)を無料で取得
オフィシャルサイトにご登録いただいている皆様を対象に、プレゼント企画を実施いたします。 BDthemes.com.
高度な Elementorアドオン を使用してサイトの背景画像を作成し、テーマカラーも変更できます。
訪問 Element Pack または プライムスライダー あなたの感想をお聞かせください。ラッキーな当選者には、$100相当の生涯ライセンスを差し上げます。参加にかかる時間はわずか1分です。
世界に広がる:
フェイスブック
ツイッター
ピンタレスト
WhatsApp
ブコンタクテ
テレグラム
1はldquo;How to add a background video with Elementor Page Builder pluginについて考えました。
ダイヤウェブ
こんにちは!
指示に従って背景ビデオを追加したのですが、音が出ません。私のビデオはアップロードしたmp4です。画像と一緒に音を出す方法はありますか?
ありがとう!
ダイア