サイトデザイン
デザインを変更しよう
ちょっとした設定で、ページの印象をガラッと変える事ができます。ここでは、その最低限必要なデザイン設定を解説いたします。
任意の画像をデザインに使用するには、先に画像を「アップロード」する必要があります。
ファイルマネージャーの機能を使用して、必要な画像をアップロードしておきましょう。
「アップロード」や「画像パス」とは何なのかについては、「ファイルマネージャー」の項目を参照してください。
-
はじめに変更しておきたい箇所
-
まずは、トップページのデザインを大まかに変更していきましょう。
1テーマを選択 ショップのイメージに合わせて、基本デザインページで『現在のテーマ』を変更しましょう。この設定だけでも、サイト全体を大きく変更できます。 2ロゴ変更 ロゴは、一般ページの最上部に表示されています。基本デザインページで、『ヘッダーデザイン』の画像を変更しましょう。
画像の代わりにテキストでも問題ありません。コンテンツ トップコンテンツ
3メイン画像を変更します。トップページの上部に、大きく表示されている画像です。トップコンテンツ設定の『メイン画像』にて設定します。
4トップフリースペースは空欄にすると一般画面では省略されます。後にじっくり作成する事にして、後回しでも構いません。これも、トップコンテンツ設定で設定できます。サイドコンテンツ
5サイドバナー画像にリンクを設定できます。設定はサイドコンテンツ設定で行います。サイドフリースペースは空欄にすると一般画面では省略されます。後にじっくり作成する事にして、後回しでも構いません。これも、トップコンテンツ設定で設定できます。
これで、目立った部分の修正はできました。
-
後に、変更すべき箇所
-
以下は、必須ではありませんがオープン前には修正しておきたい箇所です。
トップページには、サンプルの画像があります。いずれ、変更しましょう。
1カテゴリ カテゴリのバナーを変更します。カテゴリ管理を参照しましょう。 2特集 特集のバナーを変更します。特集管理を参照しましょう。 3自由ページ サイドメニューの「ページメニュー」欄に、自由ページのメニューが表示されています。現段階で不要な場合は、自由ページ管理にてページ状態を『下書き』にしておきましょう。 これで、トップページの表示はある程度カスタムができました。
-
その他のデザイン設定
-
レイアウト 現在のトップページに表示されている内容を、上下に入れ替え可能です。トップレイアウト・サイドレイアウトにて変更可能です。 カレンダー 初期設定の営業日の設定でも少し触れていますが、カレンダーの表示色も自由に変更できます。詳しくはカレンダー設定を参照してください。
各見出しの変更 見出しを任意の色や画像に変更できます。
他のページにもフリースペースがあるのを確認できるでしょうか。これらのスペースも、空欄にすると省略できます。これらはデザイン設定ではなく、コンテンツの各ページ管理にて設定されますので、ご注意ください。
デザインについてはデザイン詳細にて解説していますので、詳しくはそちらをご覧ください。