トップページのキービジュアル（メインビジュアル）をカスタマイズする方法

この記事では、トップページのキービジュアル（メインビジュアル）をカスタマイズする方法をご紹介します。

キービジュアル（メインビジュアル）とは？

キービジュアル（メインビジュアル）は、ページ上部に配置されるイメージ画像（動画）です。

Webサイトを訪れたユーザーが最初に目にする部分であり、サイトのイメージを決定付ける重要なコンテンツです。

下記サンプル画像➀（➊赤枠内）は、キービジュアル（メインビジュアル）の表示事例をご紹介しています。

➊赤枠内が、キービジュアル（メインビジュアル）の表示事例。

はじめに、「外観」→「カスタマイズ」→「トップページ設定」→「キービジュアル設定」の順に進みます。

「基本設定」→「表示環境を選択」で、キービジュアルを表示させたい環境を選択します。

以下の4つの項目から選択が可能です。

例えば、スマホ/PCで表示を選択すれば、スマホ・PCともに「キービジュアル」が表示されます。

「ヘッダーの下に潜り込ませる」にチェックを入れると、ヘッダーの背景と一体化してキービジュアルが表示されます。

下記サンプル画像➀は、「ヘッダーの下に潜り込ませる」にチェックを入れた事例をご紹介しています。

次に、「コンテンツ設定」→「表示アイテムを選択」で、キービジュアルに表示したいコンテンツを選択します。

画像・動画・スライドショーの中から選択できます。

表示アイテムを選択したら、続いて

を指定してください。

各設定メニューの設定が完了したら、最後に「公開」を押してください。

これで設定完了です。

※「キービジュアル設定」での各設定メニューの使い方については、この記事2ページ目↓で詳しく解説していますので、ご確認ください。