ビジネスのホームページに短い説明ビデオが含まれていない場合、それは時代遅れで当たり障りのないものとみなされます。最近では、短いビデオが掲載されていない Web サイトに遭遇することは非常にまれです。この記事では Elementor でビデオを管理する方法について説明するため、短いビデオを含めるにはこの記事が必要です。この記事では、ビデオ ウィジェットとビデオ背景のオプションを拡張しました。
Elementor では、YouTube や Vimeo のビデオを埋め込むだけでなく、自己ホスト型の HTML5 ビデオや Dailymotion ビデオも含めることができるようになりました。
サポートされているプラットフォームでビデオ ウィジェットの開始点と終了点を設定できます。ビデオの背景を選択して、ビデオの選択した部分のみが再生されるようにすることもできます。この機能を利用すると、ビデオの関連部分を非常に簡単にループすることができます。選択したコンテンツを訪問者にループ表示できます。
たとえば、YouTube からビデオを埋め込んでいて、そのビデオから YouTube ロゴを非表示にしたい場合は、「控えめなブランディング」を選択して、埋め込まれた YouTube ビデオからロゴを非表示にすることができます。
このセクションでは、Elementor にビデオを追加する方法を説明します。
Elementor エディターを押して、パネルに移動します。ここから、「ビデオ」を検索し、ビデオ ウィジェットをドラッグします。
長い間、人々はモバイルやタブレット上のビデオにブレークポイント値を自由に設定できることを望んできました。朗報です!!解決策はここにあります。
ビデオを追加した後、上のセクションで示したように、Elementor のタブレットとモバイルのブレークポイントの値を変更できます。革新的なブレークポイント機能を利用すると、ワイドスクリーンのコンピューター、ラップトップ、タブレット、または小さなモバイル画面に合わせてサイトをカスタマイズできます。
ブレークポイント値を変更するには、次の場所に移動します。
Elementor ダッシュボード > 設定 > スタイルの順に選択し、「タブレット ブレークポイント」と「モバイル ブレークポイント」の新しい値を入力します。
そして出来上がり!
あっという間にやり遂げましたね。
WordPress のコマンドライン インターフェイスである WP-CLI は、WordPress 管理者で実行するさまざまなアクションにコマンドライン インターフェイスを提供するオープンソース プロジェクトです。開発者はそれをよく知っています。
したがって、WP-CLI を使用すると、ランダムな端末から長いリストのタスクを実行できます。こうすることで、管理者端末にログインする必要がなくなります。
Elementor には統合された WP-CLI が付属するようになりました。この WP-CLI の統合により、コマンド ラインから次のタスクを実行できるようになります。
Elementor には今後も CLI コマンドが追加されていく予定です。
今後数か月以内に、Gutenberg もコアに追加され、Elementor は完全なパッケージになります。
Gutenberg のリリースにより、Elementor はすべての Elementor ユーザーにとってさらにスムーズに動作するようになります。
バージョン 2.1 では、Gutenberg 内でおなじみの「Elementor で編集」ボタンを使用するため、Gutenberg と Elementor を簡単に切り替えることができます。
ページをスクロールしているときに、ビデオ コンテンツが左右に飛んだり、単に動かないままになったりすることを想像してください。
きっともどかしい光景だろう。
しかし、もうそうではありません。 UAE の Sticky Videoの素晴らしい機能により、スクロール中にビデオがページに貼り付けられるため、ビデオがブラウザ ウィンドウの左側または右側に沿って浮かぶことになります。スティッキー ビデオ機能を使用すると、訪問者がスクロールしてコンテンツを読んでも、ビデオとテキスト コンテンツがフォーカスされたままになります。
UAEの機能により、この機能がエレガントかつシンプルになりました。ビデオをスティッキーにするには、コンテンツ (タブ) > スティッキー ビデオ設定でスティッキー ビデオを切り替えるだけです。
スティッキービデオ機能には、ビデオのさまざまな配置オプションがあります。アクション バーと設定に移動して、スティッキー ビデオのあらゆる側面を制御します。主な機能を以下に示します。
ビデオの幅をピクセル単位で指定することで、ビデオの高さと幅を調整できます。ビデオ表示は、ビデオに設定されたアスペクト比に従って適用されます。ビデオのアスペクト比は、[コンテンツ] (タブ) > [ビデオ] から制御できます。
例 – 16:9 の比率を設定した場合、スティッキー ビデオのサイズは選択した比率に従って適用されます。
配置、つまりウィンドウの端を横切るスティッキービデオの位置を管理できますビデオは次のように配置できます。
端からの間隔を変更して、ビデオの周囲の間隔を制御できます間隔は、選択したスティッキー配置に従って適用されます。
たとえば、左下配置の場合、間隔はビデオの下端と左端からのみ適用されます。
UAEの最も良い点は、選択した背景をビデオに追加できることです。背景のサイズや色も選択できます。
ビデオメタデータの種類ごとに簡単な説明が記載されています。 UAEを使用すると、スティッキー ビデオの下に情報テキストを追加できます。各スティッキー ビデオを説明すると、現在再生中のビデオに関する情報が表示されます。
情報バーを使用すると、ビデオの色、背景色、タイポグラフィー、パディングを制御することもできます。テキスト フィールドは HTML コンテンツをサポートします。カスタム スタイルを情報バーのコンテンツに適用することもできます。
スティッキー ビデオを非表示にするオプションがあります。スティッキービデオを非表示にするさまざまなデバイスを選択できます。
この機能を使用すると、ビデオ画面をどこにでもドラッグできます。ビデオをクリックしてドラッグするだけで、ビューポート内の任意の場所に配置できます。 UAEは、デフォルトで任意の場所にドラッグする機能をサポートしています。
注: モバイル デバイスと Elementor のバックエンド エディターはドラッグ機能をサポートしていません。
スティッキービデオの閉じるボタンを有効/無効にできます。閉じるボタンのスタイルを管理するために使用できるコントロールもあります。
UAEを利用すると、好みに応じてスティッキー ビデオのスタイルを設定したり変更したりできます。プラグplugin使用すると、手順全体が非常に簡単になります。これは、サイトのグラフィック コンテンツを充実させるための非常にエレガントなソリューションです。 Web サイト上で素晴らしい粘着ビデオを作成し続け、ページをスクロールしている訪問者を Web ページに引き付けましょう。
市場で最も人気のある WordPress テーマの 2 つは、Astra と OceanWP です。プロ…
オンライン ストアのセットアップに関しては、WooCommerce が頼りになるpluginです。それ…