トップページの編集について

Question

いつもお世話になっております。
基本的な質問で申し訳ありません。当社のトップページについてご相談させていただきたいです。

トップページの横幅が1040pxを基準に構成されておりますが、できればレフトナビとメインページの幅を合わせた広さを取りたいです。他社の構成を見ているとトップページの幅を大きくとってしまうとメイン領域とレフトナビの間に空欄ができてしまうと思うのですが、どのように調整すればいいのでしょうか？横幅の最大値は何を基準にすればいいか教えていただけますか?

Answer

ECマスターズの伊藤です。

> トップページの横幅が1040pxを基準に構成されておりますが、できればレフトナビとメインページの幅を合わせた広さを取りたいです。

ヘッダー 1040px 
レフトナビ 200px 
メインの左の余白 20px 
メイン
メインの右の余白 20px

となっていますので、
メインの幅を 800pxにて作成いただくと、
現在のヘッダーと合わせた幅で
作成していただくことができます。

また、上記を逆算することで、ヘッダーのサイズを
計算することもできますので、
お好きなサイズにて、作成いただくことができます。

あまり広げすぎると、小さい画面のモニターで
横スクロールが発生することになりますので、ご注意ください。

現在、シェア率の高い画面幅は「1920×1080」「1366×768」(横×縦)となっています。

参考サイト
https://www.yokusul.co.jp/blog/2925


> 他社の構成を見ているとトップページの幅を大きくとってしまうとメイン領域とレフトナビの間に空欄ができてしまうと思うのですが、どのように調整すればいいのでしょうか？

たとえば、

テンプレートG
https://navi-manual.faq.rakuten.net/item/000009619#link-02
にて、横幅をトップページに合わせたものにする

商品画像のサイズを調整して幅を広げる
https://navi-manual.faq.rakuten.net/design/000009508

といった方法で、ご対応いただけると思います。

Answer

ご回答ありがとうございます。テンプレートや商品画像で調整する方法があるのですね。
自分でも勉強しながら少しずつ変更してみたいと思います。ご教授ありがとうございます。