サイトの動画ページと動画詳細ページをカスタマイズします。

ブランドやスタイルに合わせて動画ページをカスタマイズできます。このガイドを使用して、動画ページと動画詳細ページ用の書式設定やスタイルのオプションを探してください。

動画ページは、段階的にお客様にリリースしている新機能です。[ページ] パネルに動画ページがオプションとして表示されない場合は、後でもう一度確認してください。

アクセシビリティに関するヒントについては、「音声、画像、動画にアクセスしやすくする」をご覧ください。

このガイドはバージョン7.1用です。動画ページはバージョン7.0ではサポートされていません。

動画ページと動画詳細ページ

動画ページは2つのパートに分かれています。1つは動画ライブラリー用の閲覧可能なランディング ページを作成するメインの動画ページで、もう1つは訪問者が動画を再生するための個別の動画詳細ページです。これらのエリアはいくつかのスタイル微調整オプションを共有しており、さらに独自のスタイル オプションも含まれます。

スタイル オプションを開く

動画ページと動画詳細ページのスタイル オプションは、以下の2か所で変更します。

• 動画ページ - 動画ページで [編集] をクリックし、 動画ページのセクションで鉛筆アイコンをクリックします。
• 動画詳細ページ - 動画ページでスタイルを設定する動画をクリックし、動画詳細ページを開きます。[編集] をクリックして、鉛筆アイコンをクリックします。1つの動画ページに含まれるすべての動画詳細ページは同じスタイル設定を共有します。他の動画ページでは、動画詳細ページのスタイル設定を異なるものに設定できます。

動画ページ

動画ページの訪問者には、動画のアイキャッチ画像がすべてグリッド内に表示されます。動画セクションのスタイルでは、次の詳細をカスタマイズできます。

形式

• 横方向のスペース設定
• 縦方向のスペース設定
• タイトルのスペース設定
• メタのスペース設定 - カテゴリーや日付など、動画のメタ コンテンツ間のスペースを変更します。
• 説明を表示 - 各動画の説明を非表示または表示します。
• プライマリ メタのコンテンツ - 最初に表示するメタのコンテンツ ([カテゴリー]、[日付]、または [なし]) を選択します。
• セカンダリ メタのコンテンツ - 2つ目に表示するメタのコンテンツ ([カテゴリー]、[日付]、または [なし]) を選択します。
• カテゴリー タイプ - カテゴリー ナビゲーションがサイドバーに表示されるか動画ページの上部に表示されるかを選択します。カテゴリー ナビゲーションを非表示にすることはできません。
• カテゴリー セパレーターを表示 - カテゴリー ナビゲーションの各カテゴリー間の線を表示または非表示にします。このオプションは、[カテゴリーの種類] が [上部] に設定されている場合にのみ表示されます。
• 画像の配置 - 各動画のアイキャッチ画像を、動画のタイトル、説明、メタ コンテンツの上と下のどちらに表示するかを選択します。
• 画像のスペース設定
• テキストの配置
• 区切り文字のスタイル - 動画のメタ コンテンツ ([箇条書き]、[パイプ]、[ダッシュ]、または [スペース]) を区切るアイコンのスタイルを設定します。
• テキスト コンテンツの幅

色

サイトの色を設定したり、別のセクション テーマを選択して動画セクションに独自の外観を与えたりできます。

動画詳細ページ

既定では、動画は動画詳細ページの上部に表示され、その下に動画のタイトル、説明、メタ コンテンツが表示されます。アップロードした動画にカスタムのアイキャッチ画像を追加すると、アイキャッチ画像は動画が再生される前に動画にオーバーレイされます。動画詳細ページには、常に全幅が表示されます。動画詳細ページでは、次のスタイル エレメントをカスタマイズできます。

形式

• テキストの配置
• メタの位置 - メタ コンテンツを動画タイトルの上に表示するか下に表示するかを選択します。
• カテゴリーを表示 - 動画のカテゴリーを非表示または表示に設定します。
• 日付を表示 - 動画の公開日を非表示または表示に設定します。
• 区切り文字のスタイル - 動画のメタ コンテンツ ([箇条書き]、[パイプ]、[ダッシュ]、または [スペース]) を区切るアイコンのスタイルを設定します。
• ヘッダーのスペース設定 - 動画のタイトルと説明の間の縦方向のスペース設定を変更します。
• ページ付け矢印の表示 - 次の動画や前の動画にリンクする矢印を表示または非表示に設定します。
• ページ付けタイトルの表示 - 次の動画や前の動画にリンクするタイトルを表示または非表示に設定します。
• 関連動画 - この動画ページに含まれるすべての動画詳細ページで関連動画を表示または非表示に設定します。

色

サイトの色を設定したり、別のセクション テーマを選択して動画詳細ページに独自の外観を与えたりできます。

カテゴリー ナビゲーション

動画にカテゴリーを追加すると、動画ページにナビゲーション メニューが作成されます。訪問者は、これらのリンクを使用して興味のある動画をフィルタリングできます。カテゴリー ナビゲーションに関する注意点は以下の通りです。

• カテゴリーを少なくとも1つ追加しなければ表示されません。
• 動画詳細ページをクリックしても表示されません。
• 現時点でどの動画にも追加されていないカテゴリーも含め、ページに追加した全カテゴリーが表示されます。

カテゴリー ナビゲーションは、動画ページの上部またはサイドバーに表示されます。ナビゲーション メニューの位置を変更するには、動画ページで動画セクションのスタイルを開き、カテゴリー タイプスライダーを使用して [サイドバー] または [上部] を選択します。

カテゴリー ナビゲーションから特定のカテゴリーを非表示にするには、カテゴリーの設定を開き、[フィルターに表示] の横にあるトグルをオフにします。最上位のカテゴリー (既定値では [すべて] という名前のカテゴリー) を非表示にするには、ページ設定を開き、[全般] タブで [フィルターに表示] の横にあるトグルをオフにします。

動画のカテゴリーの作成と編集に関する詳細については、「動画ページの整理」を参照してください。

フォントと色

動画ページと動画詳細ページの色とフォントは、サイト全体のフォントと色の微調整オプションに従います。セクションのスタイル エディターで、動画ページと動画詳細ページのカラー テーマを変更することもできます。

動画ページのスタイルを設定するには [動画: 基本グリッド] の微調整オプションを使用し、動画詳細ページのスタイルを設定するには [動画: アイテム] の微調整オプションを使用します。

モバイル

モバイル端末またはタブレットでは、動画ページの動画は縦方向に積み上げられます。カテゴリー ナビゲーションは、常にページ上部に表示されます。ナビゲーションが1行に収まらない場合は、水平方向のスクロール リストとして表示され、訪問者はこれをスワイプできます。