まるごとホームページへのご要望ありがとうございます。
レスポンシブ版で、下層ページのページタイトル表示エリアで背景画像サイズの種類が増えました。
<ご要望>
ページタイトル表示エリアの背景画像サイズの設定で、「縦100%・横100%表示」を使用したい。
今回、背景画像サイズの設定を3種類追加しました。
ページタイトルをより目立たせたり、興味を引きやすいデザインにすることが、これまで以上に簡単になります。
追加された設定の詳細は、こちらで解説していますので、ぜひご参照ください。
ページタイトル表示エリアは、ヘッダーのすぐ下に配置される重要なビジュアル領域です。
料金案内ページや新人情報ページ、アクセスマップなど、各ページの内容をホームページをご覧のお客様に直感的に伝えることができます。
適切な背景画像を設定することで、視認性や訴求力が向上し、SEOにおいて重要とされる「サイト滞在時間の向上」や「再訪問の促進」も期待できます。
ぜひご活用ください。
サンプル1 料金案内ページ
- 背景画像設定
- 横100%表示(縦自動)
- 使用画像

表示サンプル

枠の横幅に画像が合わさり縦横比を保ったまま最適な高さで表示されるため、上下に余白をつくらず、すき間なく画像を表示できます。
淡い色合いの背景画像と文字色のコントラストで読みやすく印象的なデザインにすることができます。
淡い色合いの背景画像と文字色のコントラストで読みやすく印象的なデザインにすることができます。
サンプル2 新人情報ページ
- 背景画像設定
- 縦100%表示(横自動)
- 使用画像

表示サンプル

枠の縦幅に合わせ、縦横比を保ち最適な横幅で表示することで、左側にゆとりのあるスペースが生まれ、ページタイトルを見やすくできます。
初心者マークを目立たせてページの内容を伝えることができます。
初心者マークを目立たせてページの内容を伝えることができます。
サンプル3 アクセスマップ
- 背景画像設定
- 縦100%・横100%表示(余白なし)
- 使用画像

表示サンプル

枠の高さと横幅にぴったりと余白をなくして表示するため、画像の比率にはとらわれません。
多少の変形が気にならない画像やグラデーション画像であれば印象的で目を引くデザインが可能です。
多少の変形が気にならない画像やグラデーション画像であれば印象的で目を引くデザインが可能です。
背景画像のサイズ設定は直近でも設定の追加がされております。
※コンテンツの情報表示部の背景画像サイズ設定に関する記事はこちら
※ヘッダーの背景画像サイズに関する記事はこちら
※写メ日記詳細ページでコンテンツ見出し用の背景画像サイズの設定に関する記事はこちら
※コンテンツ見出しの背景画像サイズの設定に関する記事はこちら
