まるごとエステホームページへのご要望ありがとうございます。
レスポンシブ版のメインページに設置できるコンテンツ見出しの背景画像サイズの設定が増えました。
<ご要望>
コンテンツ見出しの背景画像サイズの設定で、縦100%・横100%表示を使いたい。
今回、背景画像サイズの設定を3種類追加しました。
見出しを目立たせたり、印象に残るデザインをこれまで以上に行えるようになります。
下記に、追加された設定の詳細をご用意していますのでご参照ください。
見出しの背景画像はサイトの印象を左右する重要な要素です。
デザインによって、ホームページをご覧のお客様がコンテンツとして認識しやすく、印象にも残ります。
SEOの観点では、サイト回遊率や再来訪(リピーター)の向上にもつながりますので、ぜひご活用ください。
設定1 縦100%表示(横自動)
- 概要
- 意味
- 高さ:100%
横幅:自動 - 結果
- 画像の縦横比を維持する
見出し枠の高さに画像があわさる - 用途
- 縦いっぱいに画像を表示したいとき
- 使用する画像

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

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

- サンプル ※コンテンツが左右に配置された時
- ▼横幅:30%▼
ピックアップ
(見出し枠) - ▼横幅:70%▼
本日出勤情報
(見出し枠)



