レスポンシブサイトの横幅設定変更方法
店舗のホームページにおいて、レスポンシブデザインのコンテンツ幅を変更する方法について詳しく説明いたします。
PCやタブレットサイズのコンテンツ幅の変更手順
※スマホ版サイトの表示サイズの幅は画面幅に対して100%となります。
-
管理画面にアクセスし、ログインします。
-
上部にある「5.まるごとHP」タブをクリックします。
-
左メニューから「3.各ページ共通設定 > 設定」を選びます。
-
画面中央の「29.その他 基本設定」を選びます。
-
表示幅の設定は、下記のいずれかのオプションから選択し調整できます。
設定オプション
-
1120px固定表示
デフォルトの数値は1120pxです。この数値を「表示幅」に入力することで、コンテンツの幅を調整できます。
数値を変更する場合、あまり大きな数字にするとタブレットや小さめのPCで全画面が見えなくなる可能性があるため、1200px前後を推奨します。
-
100%幅で表示
ウィンドウ幅いっぱいにコンテンツが表示されます。画面サイズに応じて自動的に調整されます。
「表示幅」に対して何%で表示するかを設定できます。
-
MAX幅(1120px)内で100%表示
デフォルトの最大幅は1120pxです。この数値を「MAX数値」に入力します。
「表示幅」に対して何%で表示するかを設定できます。
推奨設定
-
デスクトップや大きな画面での表示に最適な設定を選びましょう。
-
タブレットや小さなPC画面でも全体が見えるように調整することが大切です。
-
1200px前後の幅が一般的に推奨されます。