02:22更新フォローするヘッダー(メインビジュアル)はWebサイトのキャッチコピーや印象を根付かせる重要なエリアです。Oneでの設定方法を紹介しています。▼背景として画像を設定する方法ヘッダーに画像を背景として設定することができます。この設定をすることで、見出しやリッチテキストなどのパーツを上に重ねて配置し、訴求させたい画像とテキストを同時に伝えることができます。※初期設定ではこちらの方法を採用しております。画像を背景として設定するとPC、モバイルなどの各閲覧デバイスによってトリミングが異なります。これは、PCが横型ディスプレイであることに対して、スマートフォンは縦型で閲覧されることが多く、レスポンシブデザインによりモバイルビューの横幅をPCビューよりも狭めているため越した表示なります。Oneではトリミングに左右されない柄物など、パターンが連続している画像を推奨しています。Oneのページ編集画面で以下の方法で設定できます。▼ページ編集画面セクションのカスタムパネルアイコンからの設定方法ヘッダーエリアのセクション(左上)にマウスカーソルを当てると、カスタムパネルアイコンが表示されます。アイコンをクリックすると、ヘッダーのカスタマイズメニューが表示されるので、背景設定より設定をします。新規で画像をアップロード、もしくはすでにアップロードされた画像をライブラリから選択をします。Oneでは、YouTube動画を背景として設定することができます。YouTube動画のIDまたはURLを設定するIDとはYouTubeの動画URLにある一部のパラメーターです。URLはYouTubeの動画URLのことです。・背景に収まる最大サイズ動画がエリアに収まるよう等倍縮小されて表示されます。※動画の比率によっては左右に黒い帯が表示されます※動画を合わせる位置は固定となります・背景を完全に覆う最小サイズエリア表示に合わせ、幅いっぱいに設定することができます※比率によっては動画が見切れる可能性があります。表示させる動画の表示位置を「上、中、下」で設定します。※こちらの設定は「背景を完全に覆う最小サイズ」を設定した際に設定が可能ですスマートフォンでの背景画像モバイル表示用の画像を設定します。背景としてでなく、ヘッダーにイメージパーツで画像を配置する方法です。PCビューとスマホビューでトリミングが統一されます。この設定は、見出しやテキストを画像の上に重ねることはできませんので、表示させたい文言を予め画像に入れておく必要があります。画像を選択、ALT設定をする見出しやテキストが画像に盛り込まれているため、HTML上ではどんな画像なのかを認識することができません。画像内に組み込んだキャッチコピーなどの訴求テキストをHTML上の画像の要素に設定するALTテキストに入力してください。背景画像や背景動画、イメージパーツの下に配置されるため、実際には表示されない可能性もあります。