まるごとホームページへのご要望ありがとうございます。
レスポンシブ版の写メ日記詳細ページでコンテンツ見出しの背景画像サイズの設定が増えました。
<ご要望>
コンテンツ見出しの背景画像サイズの設定で、縦100%・横100%表示を使いたい。
写メ日記詳細ページとは、投稿された日記を1件ごとに表示するページです。
また、その日記を投稿したキャストによる、他の日記を一覧で表示するコンテンツをご用意しています。
詳細は下記よりご確認ください。
写メ日記詳細ページについて
今回、背景画像サイズの設定を3種類追加しました。
今まで以上に、目立たせたり印象に残るデザインを簡単に設定できます。
下記に、追加された設定のサンプルをご用意していますので、ご参照ください。
見出しの背景画像は、サイト全体の印象を決定づける大切な要素です。
デザインにより、ホームページをご覧のお客様が内容をスムーズに把握しやすくなり、記憶にも残りやすくなります。
また、SEOの面でも回遊率の向上や再訪問の促進が期待できますので是非、ご活用ください。
サンプル1 縦100%表示(横自動)
- 概要
- 意味
- 高さ:100%
横幅:自動 - 結果
- 画像の縦横比を維持する
見出し枠の高さに画像が合わさる - 用途
- 縦いっぱいに画像を表示したいとき
- 使用する画像

日記の見出し

一覧表示の見出し
サンプル2 横100%表示(縦自動)
- 概要
- 意味
- 横幅:100%
高さ:自動 - 結果
- 画像の縦横比を維持する
見出し枠の横幅に画像が合わさる - 用途
- 横いっぱいに画像を表示したいとき
- 使用する画像

日記の見出し

一覧表示の見出し
サンプル3 縦100%・横100%表示(余白なし)
- 概要
- 意味
- 高さ:100%
横幅:100% - 結果
- 画像の縦横比は維持されない
見出し枠の高さと横幅に画像が合わさる - 用途
- 雰囲気を伝えたいとき
例)ボカシ画像を縦横いっぱいに表示したい
※画像が歪む可能性が高い
- 使用する画像

日記の見出し

一覧表示の見出し
背景画像のサイズ設定は直近でも設定の追加がされております。
※コンテンツ見出しの背景画像サイズの設定に関する記事はこちら
