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