GemPagesのビデオバナー要素について
その GemPagesのビデオバナー要素 ページにダイナミックなビデオ背景を追加できるため、ヒーロー セクションやプロモーション ブロックに最適です。
静止画像に頼る代わりに、モーションを使用してブランドストーリーを伝え、重要なメッセージを強調し、訪問者の注目をすぐに引き付けることができます。
この要素により、Shopify マーチャントは、視覚的な魅力とユーザー エンゲージメントの両方を向上させる、没入感のあるモダンなレイアウトを簡単に構築できます。
ページにビデオバナー要素を追加するにはどうすればいいですか?
以下の簡単な手順に従って追加してください ビデオバナー要素 あなたのページに:
ステップ1： Shopify管理画面からGemPagesダッシュボードにアクセスし、 ページ.
ステップ2： ビデオバナーを表示するページをクリックして、GemPages エディターを開きます。
ステップ3： GemPagesエディタの検索バーを使ってビデオバナー要素を見つけ、ページ上の希望の位置にドラッグ＆ドロップしてください。
次に、要素をクリックして設定を開きます。 設定 (NAIST) と 高機能 タブをクリックします。
設定タブを構成する
動画内で 設定 ビデオバナー要素を構成するタブ:
レイアウト
設定パネルで12種類のオプションから動画要素のレイアウトを選択できます。また、最適な視認性を得るために比率を調整することもできます。
経歴
経歴 セクションで、この要素の背景を設定します。
あなたが好むなら ビデオ 背景オプションを無視します 色圏 (NAIST) と 画像 もの。
ビデオ 設定パネルでビデオソースを選択します YouTubeでご覧いただけます。 or ビデオホスティング次に、ボックスにビデオの URL を入力して、要素の背景として使用します。
をセットする ループビデオ 〜へ はい ビデオをループ再生したい場合。
動画にオーバーレイを追加することもできます。クリック Show more > 「追加…」ボックスの横にある オーバーレイ オーバーレイ レイヤーを好みに応じて構成するオプション。
サイズ
お好みの比率を選択してください ビデオ比率 ドロップダウンから選択できます。デフォルトでは、比率は 16:9ほとんどのデスクトップ画面に最適です。
また選ぶことができます カスタム額装 独自の比率を定義します。
次に設定を行います:
- 幅（Width）:
- フル（100％）: ビデオを全幅で表示します。
- デフォルト（1200ピクセル）: ビデオをページのコンテンツの幅に制限します。
- 高さ: デスクトップとモバイルの視覚的なバランスをカスタマイズします。
コンテンツ
ビデオバナーのコンテンツの幅、パディング、配置を調整します。
- 幅： バナー上に配置されるコンテンツの幅を制御します。
- パディング： バナー内の間隔を調整して、すっきりとしたレイアウトを実現します。
- 整列： オーバーレイ コンテンツをバナー内で垂直に配置する方法を選択します (上、中央、下、フル ハイト)
形状
デザイン スタイルに合わせてバナーの形状をカスタマイズします。
- 境界： 強調するために境界線を追加します。
- コーナー半径: 角を丸くして柔らかい印象にします。
- 影： 影を追加して奥行きを作ります。
効果
オーバーレイを適用して、ビデオバナーの視認性を高めます。
リンク
をオンにする リンク 詳細な設定を確認するには、 クリック後 ドロップダウン リストから次のアクションを選択します:
- ページを開く
- にスクロールします
- ポップアップを開く
- メールを送ります
- 電話をかける
例えば、を設定します。 クリック後 = ページを開きます。次に、ページリンクを挿入するか、利用可能なオプションから選択して、対象ページを選択します。
SEO
代替テキストと画像タイトルを指定してビデオバナーを検索エンジン向けに最適化し、ストアの可視性を高めます。
整列
好みに応じて、ビデオの配置を左揃え、中央揃え、または右揃えに調整します。
詳細タブを設定する
より高度なカスタマイズについては、 高機能 タブをクリックし、 この記事.
コメントしてくださってありがとうございます