[戻る]
No.450

ページの幅を固定したい

キャラアイコン おたすけマイショップさん 投稿日:2013/10/16(Wed) 18:48 home

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

key
No.451

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

キャラアイコン おたすけマイショップさん 投稿日:2013/10/16(Wed) 18:49 home

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

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

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

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

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


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

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

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

key
No.1343

ページの幅を固定したい

キャラアイコン sayoさん 投稿日:2014/12/26(Fri) 14:23

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

key
No.1344

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

キャラアイコン おたすけマイショップさん 投稿日:2014/12/26(Fri) 14:37 home

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

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

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

key
No.1347

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

キャラアイコン sayoさん 投稿日:2014/12/26(Fri) 17:58

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

key
No.1348

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

キャラアイコン おたすけマイショップさん 投稿日:2014/12/26(Fri) 18:24 home

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

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

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

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

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

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

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

key
No.1349

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

キャラアイコン sayoさん 投稿日:2014/12/26(Fri) 21:53 home

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

key
No.4709

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

キャラアイコン 松井恒義さん 投稿日:2020/10/08(Thu) 20:50 home

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

key
No.4712

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

キャラアイコン おたすけマイショップさん 投稿日:2020/10/09(Fri) 13:27 home

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

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

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

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

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

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

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

- YY-BOARD -