[戻る]
No.450

ページの幅を固定したい

おたすけマイショップさん  投稿日:2013/10/16(Wed) 18:48
key

ウィンドウの大きさを変更すると、自動的に画像や商品一覧の商品の並び替えをするが、
それを自動的に伸縮・並び返せずに固定にする方法はありますか?

Re: ページの幅を固定したい

おたすけマイショップさん  2013/10/16(Wed) 18:49 No.451
key

店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ>design.cssの編集ボタン

design.cssのスタイルシート編集画面が表示されます。
以下のソースが対象となります。

/* 全体
______________________________________________________________________________*/
/* 基本タグ */
body{
}

こちらにページ幅を固定する記述をします。
(今回は、横幅1250pxに固定した記述です)

/* 全体
______________________________________________________________________________*/
/* 基本タグ */
body{
width:1250px;   (←こちらを記述)
}


その後、保存していただければページの幅は固定されます。

数字部分を編集していただければ、お好みの幅に設定することができます。

【注意】
 デザインを変更された場合は、
 上記手順を再度行っていただく必要がございます。


ページの幅を固定したい

sayoさん  2014/12/26(Fri) 14:23 No.1343
key

ページの幅を固定したく、body{
width:1250px;   (←こちらを記述)
}
のように設定したいのですが、右サイドのみに余白ができてしまい、
左サイドはそのまま画面いっぱいとなってしまいます。
左右に均等に余白をつけて横幅を固定するにはどうしたらよいでしょうか?


Re: ページの幅を固定したい

おたすけマイショップさん  2014/12/26(Fri) 14:37 No.1344
key

こちらの投稿の後に、ページ幅の設定画面が設けられましたので、そちらを使った変更方法を案内します。
(設定がうまく反映されない場合がある為、今回設定された記述は元に戻してください)

フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)から、レイアウト図の[スクリーン](黒い枠)にある設定ボタン(ギアマーク)をクリックすると[スクリーン設定]が表示されます。

「画面幅固定設定:」を[最大幅に固定する]または[常に固定する]を選択した後、「幅サイズ」にご希望の数値を入れて保存すれば完了です。


Re: ページの幅を固定したい

sayoさん  2014/12/26(Fri) 17:58 No.1347
key

ありがとうございました。ヘッダーメニューの幅は変わらず、画面いっぱいになってしまうのですが、こちらの修正はどうすればよいでしょう?


Re: ページの幅を固定したい

おたすけマイショップさん  2014/12/26(Fri) 18:24 No.1348
key

メニューバーは、ページ幅を固定しても画面いっぱいに表示されますが、
メニュー内容は設定されたページ幅内に収まるようになっております。

それでも表示されているヘッダーやフッターバーを非表示にする場合は、以下の手順を行ってください。

フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)から、
未使用パーツの新規作成ボタンを押し「パーツの種類:フリー」で作成して下さい。

作成後、HTMLモードに切り替えていただき、以下のソースを入力して下さい。

<style>
body{
max-width: 1250px;
margin: auto;
}
</style>

保存していただき、作成されたパーツを左のレイアウト図ヘッダー内にあるメニューパーツの上に配置して下さい。

以上で、メニューバー等もページ幅内に収まります。


Re: ページの幅を固定したい

sayoさん  2014/12/26(Fri) 21:53 No.1349
key

できました!ありがとうございました。


Re: ページの幅を固定したい

松井恒義さん  2020/10/08(Thu) 20:50 No.4709
key

スマホサイトを横向きに作成したいので、横向きにする方法を教えていただきたい。横向きにした時のページの幅を固定したい。
よろしくお願いいたします。


Re: ページの幅を固定したい

おたすけマイショップさん  2020/10/09(Fri) 13:27 No.4712
key

恐れ入りますが、イージーマイショップのショップページをスマホで閲覧する際に横向きに固定表示させる
専用の設定はございません。
※ページ幅を指定する設定はございます。

店長ナビ>拡張設定>デザイン設定のレイアウトタブよりレイアウト図の黒枠部分にございます
歯車マークを押していただくとページ幅の指定が可能です。

HPを拝見させていただきましたがおそらく弊社イージーマイショップでのページ作成ではなく
ご自身で独自のHPの作成をされてるかと存じます。

その場合は恐れ入りますが、上記設定がおこなえませんのでご自身でHTMLやCSSで記述を
お願いいたします。

独自にHPを作成されている際のHTMLやCSSの記述方法はサポート範囲外となりますので、
ご了承ください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』