レスポンシブデザインのサイトを作るにはどうすればよいでしょうか。

コマースクリエイターご利用店舗様専用の記事です

※スタートアップテーマで構築する店舗様向けのご案内です。

コマースクリエイターの初期設定では、
スマートフォン表示とPC/タブレット表示時のデザインを切り替える設定になっております(=アダプティブデザイン)。


レスポンシブデザインに変更するには
commerce creator>テーマ の右下のボタンを押下し、
各デバイスの設定を「スタートアップテーマ(レスポンシブ/スマートフォン)」に変更してください。

 

なおレスポンシブで構築しますと、各デバイスごとに出力内容を大きく変える際に、
メディアクエリなどレスポンシブサイト構築用のCSSの知識が必須となります。

またデバイスごとに表示を大きく変えるには、各デバイスごとのHTMLやCSSの出力が必要となりますので、
そのコード量によってはページの表示速度に悪影響を及ぼす可能性がございます。

制作会社が付いていない場合、
あるいは社内にHTMLやCSS、JavaScriptに詳しい制作担当者がいない場合には、
レスポンシブではなくアダプティブで構築することをおすすめします。

この記事は役に立ちましたか?