サイトデザイン

デザインを変更しよう

ちょっとした設定で、ページの印象をガラッと変える事ができます。ここでは、その最低限必要なデザイン設定を解説いたします。

任意の画像をデザインに使用するには、先に画像を「アップロード」する必要があります。
ファイルマネージャーの機能を使用して、必要な画像をアップロードしておきましょう。
アップロード」や「画像パス」とは何なのかについては、「ファイルマネージャー」の項目を参照してください。

 

はじめに変更しておきたい箇所

まずは、トップページのデザインを大まかに変更していきましょう。

 

 

1テーマを選択 ショップのイメージに合わせて、基本デザインページで『現在のテーマ』を変更しましょう。この設定だけでも、サイト全体を大きく変更できます。
2ロゴ変更 ロゴは、一般ページの最上部に表示されています。基本デザインページで、『ヘッダーデザイン』の画像を変更しましょう。
画像の代わりにテキストでも問題ありません。
コンテンツ

トップコンテンツ
3メイン画像を変更します。トップページの上部に、大きく表示されている画像です。トップコンテンツ設定の『メイン画像』にて設定します。
4トップフリースペースは空欄にすると一般画面では省略されます。後にじっくり作成する事にして、後回しでも構いません。これも、トップコンテンツ設定で設定できます。

 

サイドコンテンツ
5サイドバナー画像にリンクを設定できます。設定はサイドコンテンツ設定で行います。

サイドフリースペースは空欄にすると一般画面では省略されます。後にじっくり作成する事にして、後回しでも構いません。これも、トップコンテンツ設定で設定できます。

これで、目立った部分の修正はできました。

後に、変更すべき箇所

以下は、必須ではありませんがオープン前には修正しておきたい箇所です。

 

 

トップページには、サンプルの画像があります。いずれ、変更しましょう。

 

1カテゴリ カテゴリのバナーを変更します。カテゴリ管理を参照しましょう。
2特集 特集のバナーを変更します。特集管理を参照しましょう。
3自由ページ サイドメニューの「ページメニュー」欄に、自由ページのメニューが表示されています。現段階で不要な場合は、自由ページ管理にてページ状態を『下書き』にしておきましょう。

これで、トップページの表示はある程度カスタムができました。

 

その他のデザイン設定

レイアウト 現在のトップページに表示されている内容を、上下に入れ替え可能です。トップレイアウトサイドレイアウトにて変更可能です。
カレンダー

初期設定の営業日の設定でも少し触れていますが、カレンダーの表示色も自由に変更できます。詳しくはカレンダー設定を参照してください。

各見出しの変更

見出しを任意の色や画像に変更できます。

他のページにもフリースペースがあるのを確認できるでしょうか。これらのスペースも、空欄にすると省略できます。これらはデザイン設定ではなく、コンテンツの各ページ管理にて設定されますので、ご注意ください。

デザインについてはデザイン詳細にて解説していますので、詳しくはそちらをご覧ください。