Vimeo OTTは現在、いくつかのサイトテーマを提供しており、すべてカスタマイズ可能です。
記事の内容:
サイトのテーマを選択または切り替えるには?
サイトのテーマを選択するには、次の手順に沿って進んでください。
- テーマを選択して編集するには、まず動画付きのサブスクリプション製品を作成し、支払い受取先を接続しておく必要があります。
- Vimeo OTT管理画面で、配信 > プラットフォーム > ウェブサイト設定に移動します。
- このウェブサイト設定ページでは、現在選択されているテーマをご覧いただけます。「テーマの切り替え」をクリックして、テーマページに移動します。
- お好きなテーマを選択します。各テーマに含まれる内容の説明がサムネイルの横に表示されます。「ライブプレビュー」をクリックすると、どのように見えるかをプレビューできます。
- 「テーマを選択」ボタンをクリックして設定します。
- その後、「テーマの編集」ボタンを使用すると、選択したテーマの編集に進むことができます。
あるテーマを選択して編集を行った後に別のテーマへ切り替えると、それまでに加えた編集内容はすべて失われます。
サイトのテーマをカスタマイズするには?
テーマエディタで加えた変更を反映させるには、製品を公開する必要があります。さらに、管理画面右上の「開始方法」リスト内の各項目も完了している必要があります。
サイトのテーマを選択した後は、テーマエディタを使ってさらにカスタマイズできます。「管理」>「テーマエディタ」に移動してください。
左側には、サイトのさまざまなコンポーネントを編集できるパネルがあり、ウィンドウの残りの部分はサイトのプレビューです。
いつでも「終了」をクリックすることで、変更を保存せずにテーマエディタを終了できます。「公開」をクリックすると、加えた変更がライブサイトに反映されます。
これらのオプションの下にある「プレビュー」をクリックすると、公開前に加えた変更を含むサイトの下書き版を表示できます。変更内容が気に入らない場合は、「元に戻す」をクリックすることで、公開済みの以前のバージョンに戻すことができます。
その下には、サイト内のさまざまな領域に対応する設定が表示されます。各設定の右側にある下向き矢印をクリックすると、該当パネルが展開されます(再度クリックすると折りたたまれます)。
多くのテキスト設定(例えば、タイトルや説明)には、その下に「翻訳を追加」メニューがあります。これをクリックして、翻訳を追加する言語を選択してください。サイト下部の言語セレクターで該当の言語を選択したユーザーには、デフォルトの英語ではなくその翻訳が表示されます。この機能を有効にするには、サイト設定で翻訳を有効にしておく必要があります。
サイト設定
これらの設定は、一般的にGoogleなどの検索エンジンでユーザーがご自身のサイトを検索した際に表示される内容です。
- サイトタイトル - タイトルは検索エンジンで表示され、サイトにアクセスした際にブラウザウィンドウの上部に表示されます。
- サイトの説明- この説明は、検索結果にサイトが表示された際に見られるテキストです。
- Facebookページ - サイトが検索結果に表示される際に、Facebookページへのリンクを含めることができます。
- Twitter ユーザー名 - サイトが検索結果に表示される際に、Twitter プロフィールリンクを含めることができます。
- プライマリサイトカラー - ボタンやプレーヤーコントロールに使用するブランドカラーを指定できます。
グローバルオプション
- ブラウザタブアイコン(正方形) - サイトタイトルの横にあるブラウザタブに表示されるアイコンです。
-
ブックマークアイコン(正方形) - モバイルデバイスでユーザーがサイトをホーム画面にブックマークした際に表示されるアイコンです。
- ⚠️注意:上記2種類のアイコンに使用できるファイル形式は.jpeg、.png、.gif のみです。.icoファイルには現在対応していません。
- プライマリボタンの色 - サイト上の「無料トライアルを開始」や「視聴を開始」などのさまざまなボタンの色です。
- ナビゲーション背景色 - サイト上部に表示されるナビゲーションバーの背景色を指します。
- ナビゲーションテキストの色 -サイトの他の領域(「ブラウズ」、「フォーラム」、「検索」など)や追加できる他のリンク(後述)にリンクしているトップナビゲーションバー内のテキストの色。
- ナビゲーションロゴ画像 - サイトの左上隅に表示するロゴの画像をアップロードします。背景が透明なPNGファイルに対応しています。サイトは画像を自動的にリサイズして指定のスペースに収まるよう調整します。横長の画像が最適です。
- ナビゲーション背景画像- 色の代わりに、メインナビゲーションメニューの代わりに画像をアップロードできます。JPG、PNG、GIFファイルが受け入れられます。デフォルトでは、この画像はナビゲーションエリア全体に表示されるようにフォーマットされます。
- タイル背景画像 - ナビゲーションの背景画像を繰り返し表示(タイル状)にする場合は、このオプションを選択します。
- ギフトリンクを表示 - サブスクリプションを直接贈れるリンクをホームページに表示します。
- ナビリンクを追加 - オンラインストアやSNSページなど、トップナビゲーションにカスタムURLを追加したい場合は、「+追加」をクリックして、ナビゲーションに表示されるタイトルとリンク先の完全なURL(サイトのプロトコルに応じて「http://」または「https://」を含む)を入力してください。リンクは必要なだけ追加できますが、3つ以上追加するとメニューが煩雑に見える可能性がありますのでご注意ください。
-
*新機能* フォントのカスタマイズ - サイト全体に適用できる、100種類以上の人気Googleフォントから選択できます。
テーマエディタ内の残りのカスタマイズオプションは、選択したテーマによって異なります。各セクションが利用可能なテーマは、カッコ内に記載されています。
サイトバナー
ここでは、サイト全ページに表示されるカスタムバナーを作成できます。重要なお知らせや、ホリデープロモーションなどの告知に活用できます。
このセクションでは、次のことができます。
- バナーをオンとオフに切り替える
- 見出しテキストとサブテキストを設定
- 任意で、バナー全体をリンク先のURLに設定することもできます
- バナーの背景色およびテキストの色を個別に指定できます
💡ヒント:バナーは、カスタムCSSを使用してさらにスタイルを調整できます。バナー要素のクラスは次のとおりです。
.custom-banner--container, .custom-banner--header, .custom-banner--subtext
閲覧オプション(Bullion、Moonstone、Obsidian、Onyx、Topaz)
ここでは、「映画」および「シリーズ」コレクション用に自動生成されるカテゴリを表示するかどうかを選択できます。この設定は、ここおよび「ウェブサイトの一般設定」でも切り替えることができます。
⚠️注意:Moonstoneテーマでは、ホームページのコンテンツは「コンテンツ」タブの下に表示され、コレクションのみが掲載されます。
ヒーロープロモーション(Bullion、Obsidian、Onyx、Topaz)
これはサイトの最上部(トップフォールド)をカスタマイズするもので、背景画像、タイトル、説明文、価格などのアセットを含めることができます。
ヒーローオプション(ムーンストーン)
他のテーマのヒーロープロモーションに類似していますが、ホームページの背景に関するオプションが多く、テキスト量が少なめです。
⚠️注意:このテーマでは、サブスクリプション商品のサムネイルがホームページに表示されるメイン画像として使用されます。これを変更するには、製品のサムネイルを変更する必要があります。
詳細情報(Onyx)
提供しているコンテンツの説明と、任意でEメールキャプチャフィールドを追加できます。
カルーセルタブ 1、2、3(Topaz)
3つのカルーセルタブには、視聴者にどのようなコンテンツが表示されるかなど、サイトのプロモーションコンテンツが含まれています。すべてのタブには、チェックアウトページへのリンクボタンが含まれます;カルーセルタブ3には、デバイスを表示するオプションも追加されます(例えば、「どこでも視聴可能」)。すべてのオプションで、コピー、背景画像、色のオーバーレイをカスタマイズすることができます。
メーリングリスト(Obsidian、Topaz)
メーリングリストのサインアップを表示するかどうかを選択し、表示されるテキストをカスタマイズしてください。
プロモーション(Obsidian)
ホームページのプロモーションセクションをオン・オフで切り替えることができます。製品の提供内容や登録を促す理由などを紹介する文章を含めることができ、必要な数だけ追加可能です。
コンテンツセクション1、2、3、4、5(Onyx)
サイトのホームページに最大5つまでのプロモーションセクションを追加できます。各セクションには、画像、タイトル、説明文、またはサイト内の特定ページへのボタンを含めることができます(例えば「/browse」)。これにより、訪問者がスクロールする際に各セクションの短いタイトルが表示されるサブナビゲーションが作成されます。
スケジュール(Obsidian)
新しいエピソードがリリースされるタイミングなど、コンテンツスケジュールを表示することを選択できます。
コンテンツプレビュー(Bullion、Obsidian)
サイトのホームページに一部の動画を表示することができます。新しいエピソードの公開予定など、コンテンツのスケジュールを表示するかどうかを選択できます。コレクションのサムネイルは、そのコレクション内のコンテンツのプレビューページにリンクされ、サイト訪問者は該当する予告編がある場合、それを視聴できます。カスタム画像では、特定の画像にリンクを手動で関連付けることができます。動画サムネイルにはリンクが設定されません。
デバイス(Bullion、Obsidian、Onyx)
ブランド化アプリをご利用の場合、視聴者がどのデバイスからでも視聴できることをアピールするのにこのセクションが役立ちます。カスタムタイトルと説明文を設定し、表示するデバイスごと(TV、タブレット、スマートフォン、ノートパソコン)に個別のサムネイルをアップロードできます。サムネイルをアップロードしない場合は、サイトのヒーロー背景画像がデフォルトで使用されます。(💡ヒント:Topazテーマでは、このセクションが「カルーセルタブ3」内に含まれています。)
製品を購入(Onyx、Topaz)
TVOD製品がある場合は、自動的にこのセクションに表示されます。セクションのタイトルと色をカスタマイズするか、非表示にすることを選択してください。
フッター(Obsidian)
ホームページ下部に表示される締めくくりの見出し(例えば「今すぐ登録」)および説明文(例えば「始める準備はできていますか?」)です。
お問い合わせ(Bullion)
連絡先情報を追加で記載できるエリア(例えば「ご質問はありますか?」support@vhx.tv」までお問い合わせください。セクションの背景色のカスタマイズ、画像の追加を行えるオプションもあります。
フッターリンク(Bullion、ムーンストーン、黒曜石、オニキス、トパーズ)
ページ最下部に表示されるデフォルトリンク(フォーラム、ヘルプ、利用規約、プライバシー、クッキー、サインアウト)に加えて、任意の外部リンクを追加できます。
⚠️注意:リンクが正しく表示されるように、リンク先のURLには「http://」または「https://」など、サイトで使用しているプロトコルを含めた完全なURLを使用してください。プロトコルを含めない場合、リンクは機能しません。
カスタムスタイル(Bullion、Moonstone、Obsidian、Onyx、Topaz)
このテキストボックスにカスタムCSSを適用することができます。