お店のホームページに短い説明動画が含まれていない場合は、古くて風変わりなものと見なされます。 最近では、短いビデオが掲載されていないWebサイトに出くわすことは非常にまれです。 この記事ではElementorでビデオを管理する方法について説明しているため、短いビデオを含めるには、この記事の必要性が必要です。 この記事では、動画ウィジェットと動画背景オプションを拡張しました。
- セルフホスト型およびDailymotionビデオのサポート
- セルフホストビデオの利点:
- ビデオウィジェットとバックグラウンドの開始時間と終了時間
- ささやかなブランディング
- Elementorにビデオの背景を追加する
- モバイル編集の改善
- モバイルとタブレットのブレークポイントを変更する
- WP CLI統合
- グーテンベルク包含
- UAEによるスティッキービデオ
- ビデオをスティッキーにする方法は?
- ビデオサイズ
- スティッキーアライメント
- ビデオ間隔
- 背景のサイズとスタイル
- 情報バー
- レスポンシブデバイスでスティッキービデオを管理する
- 画面上のどこにでもドラッグ
- 閉じるボタン
- 結論
セルフホスト型およびDailymotionビデオのサポート
Elementorでは、YouTubeやVimeoのビデオだけでなく、セルフホストのHTML5ビデオやDailymotionビデオを組み込むこともできます。
セルフホストビデオの利点:
- プライバシーと管理:GDPRやその他のプライバシー関連の問題により、自己ホスト型の動画を作成することはこれまで以上に重要になっています。 これらのビデオのコンテンツを制御できます。
- 所有権:自己ホスト型の動画があると、他の人が作成したコンテンツに依存するのに役立ちます。 あなたの動画では、著作権の問題がないことを100%確信しています。 また、ビデオが削除されるリスクもありません。
- パーソナライゼーション:セルフホスティングを使用すると、ビデオにロゴや外部リンクが表示されなくなります。 これにより、よりプロフェッショナルに見える質の高いコンテンツを含めることができます。 あなたの動画は、サイトの訪問者を引き付けるのに非常に役立ちます。
- UX:セルフホスト動画により、訪問者に広告や関連動画が表示されなくなります。 それらは(推奨/推奨動画を通じて)競合他社の注意をそらしたり、リダイレクトしたりすることはありません。
ビデオウィジェットとバックグラウンドの開始時間と終了時間
サポートされているプラットフォームで、ビデオウィジェットの開始と終了を設定できます。 ビデオの選択した部分のみが再生されるように、ビデオの背景を選択することもできます。 この機能を使用すると、ビデオの関連部分を非常に簡単にループできます。 選択したコンテンツを訪問者にループで表示できます。
ささやかなブランディング
たとえば、YouTubeから動画を埋め込み、YouTubeのロゴを非表示にしたい場合は、「適度なブランディング」を選択して、埋め込みのYouTube動画からロゴを非表示にできます。
Elementorにビデオの背景を追加する
このセクションでは、Elementorにビデオを追加する方法について説明します。
Elementorエディターを押して、パネルに移動します。 ここから「ビデオ」を検索し、ビデオウィジェットにドラッグします。
- Elementor>パネル>「動画」を検索>「動画ウィジェット」をドラッグ
- [ビデオ]> [ソース]で、[YouTube]、[Dailymotion]、[Vimeo]、またはセルフホストのいずれかを選択します。
- 次に、ビデオへのリンクを追加します。 ビデオがセルフホストされている場合は、メディアライブラリを参照するか、外部URLを使用してアップロードできます。
- ビデオの特定の部分を再生する場合は、開始時間と終了時間を選択できます。
- また、イメージオーバーレイを追加して、選択したサムネイルを追加することもできます。
モバイル編集の改善
モバイルとタブレットのブレークポイントを変更する
長い間、人々はモバイルやタブレットの動画にブレークポイント値を設定できる自由を求めていました。 朗報!! 解決策はこちらです。
上記のセクションに示すように、ビデオを追加した後、Elementorのタブレットおよびモバイルブレークポイントの値を変更できます。 革新的なブレークポイント機能の助けを借りて、サイトをカスタマイズして、ワイドスクリーンコンピューター、ラップトップ、タブレット、または小さなモバイル画面で調整できます。
ブレークポイントの値を変更するには、次の場所に移動します。
Elementorダッシュボード> [設定]> [スタイル]をクリックし、[タブレットブレークポイント]と[モバイルブレークポイント]に新しい値を入力します。
そして出来上がり!!!
あなたは時間のニックでそれをやった。
WP CLI統合
WordPressのコマンドラインインターフェイスであるWP-CLIは、WordPress管理者で実行する可能性のあるさまざまなアクションのコマンドラインインターフェイスを提供するオープンソースプロジェクトです。
したがって、WP-CLIを使用すると、ランダムなターミナルからタスクの長いリストを実行できます。 この方法では、管理端末にログインする必要はありません。
ElementorにはWP-CLIが統合されています。 また、このWP-CLIの統合により、コマンドラインから次のタスクを実行できます。
- flush_css – Elementor Page Builder CSSキャッシュをフラッシュする
- sync-library – Sync Elementor Library
- replace-URLs –すべてのElementorページで古いURLを新しいURLに置き換えます
- ライセンスのアクティブ化または非アクティブ化– Proライセンスのアクティブ化または非アクティブ化
- import-library –テンプレートファイルをライブラリにインポートする
より多くのCLIコマンドはElementorのために追加し続けます。
グーテンベルク包含
今後数か月で、Gutenbergもコアに追加され、Elementorは完全なパッケージになります。
グーテンベルクの発売により、Elementorはすべてのelementorユーザーにとってスムーズに機能します。
Gutenberg内でこれまでおなじみのボタン「EditwithElementor」を使用するため、バージョン2.1ではGutenbergとElementorを簡単に切り替えることができます。
アラブ首長国連邦によるスティッキービデオ
ページをスクロールしていて、ビデオコンテンツが左または右に飛んでいるか、単に移動できないままになっていると想像してください。
それは苛立たしい光景に違いない。
もうそうじゃない。 UAEのスティッキービデオの驚くべき機能により、スクロール中にビデオがページに固定されるため、これは、ビデオがブラウザウィンドウの左側または右側に沿って浮かぶことを意味します。 スティッキービデオ機能を使用すると、訪問者がスクロールしてコンテンツを読むときに、ビデオとテキストコンテンツに焦点が合います。
ビデオをスティッキーにする方法は?
UAEの機能により、この機能はエレガントでシンプルになりました。 ビデオをスティッキーにするには、スティッキービデオを有効にしてコンテンツ(タブ)>スティッキービデオ設定の下で切り替えることができます。
スティッキービデオ機能のビデオには、さまざまな配置オプションがあります。 アクションバーと設定に移動して、スティッキービデオのあらゆる側面を制御します。 主な機能は次のとおりです。
- ビデオサイズ
- 端から端まで粘着性のあるビデオのためのさまざまな配置オプション
- ビデオの間隔とスタイルを管理します。
- ビデオの背景を追加する
- 情報バーを使用してビデオの説明を表示する
- 迅速なサポート
- フロントエンドのウィンドウ全体にスティッキービデオをドラッグします
- 閉じるボタンのカスタマイズ
ビデオサイズ
ビデオの幅をpxで指定することにより、ビデオの高さと幅を調整できます。 ビデオ表示は、ビデオに設定されたアスペクト比に従って適用されます。 コンテンツ(タブ)>ビデオからビデオのアスペクト比を制御できます。
例– 16:9の比率を設定した場合、スティッキービデオのサイズは選択した比率に従って適用されます。
スティッキーアライメント
配置、つまりウィンドウの端を横切るスティッキービデオの位置を管理できます。 ビデオは次のように配置できます。
- 右上
- 左上
- 右下
- 左下
- 中央右
- 中央左
ビデオ間隔
端からの間隔を変更して、ビデオの周囲の間隔を制御できます。 間隔は、選択したスティッキーアライメントに従って適用されます。
たとえば、左下揃えの場合、間隔はビデオの下端と左端からのみ適用されます。
背景のサイズとスタイル
UAEスティッキービデオの最も優れている点は、選択した背景をビデオに追加できることです。
情報バー
UAEスティッキービデオオプションは、スティッキービデオの下に有益なテキストを追加することができます。
情報バーを使用して、ビデオの色、背景色、タイポグラフィ、パディングを制御することもできます。 テキストフィールドはHTMLコンテンツをサポートしています。 情報バーのコンテンツにカスタムスタイルを適用することもできます。
レスポンシブデバイスでスティッキービデオを管理する
レスポンシブデバイスでスティッキービデオを非表示にするオプションがあります。 スティッキービデオを非表示にするさまざまなデバイスを選択できます。
画面上のどこにでもドラッグ
UAEスティッキービデオは、デフォルトでは、どこでもそれをドラッグする機能をサポートしています。
注:モバイルデバイスとElementorのバックエンドエディターはドラッグ機能をサポートしていません。
閉じるボタン
スティッキービデオの閉じるボタンを有効/無効にできます。 閉じるボタンのスタイルを管理するためのコントロールもあります。
結論
plugin全体の手順は非常に簡単です。