STORESを使って占いの販売サイトを作る方法からの続きです。
アカウントを作成したら、ネットショップの準備をしましょう。
このコーナーでは、STORESのストアーデザイン（ショップデザイン）について解説します。
2025年度に作成した最新情報です。
ぜひ、マニュアルとして参考にしてみてくださいね。
ストアーのデザインを決める
ホームを開き、ショップのデザインをクリックします。
メニュー
MENUをクリックします。
テンプレートを選ぶ
ショップのテンプレートを決めます。
すべてのテンプレートをみるをクリックしましょう。
テンプレートの選択
テンプレートは48種類あるので、その中から好きなものを選びましょう。
テンプレートを反映させる
選んだテンプレートをサイトに反映させます。
「サイトに反映する」をクリックします。
ＯＫをクリック
上記のような表示が出ることがありますが、今は気にしなくて大丈夫です。
ＯＫをクリックしましょう。
現在のテンプレートは、STANDARDで設定されているのが確認できます。
メニュー/レイアウトの設定
続いて、ショップの”顔”になる「メインビジュアル」を決めます。
表示を左にスライドさせて、メニュー/レイアウトをクリックします。
PC表示時のメニューデザインを設定
「PC表示時のメニューデザイン」と「カラム」を設定します。
最初はデフォルトでOKです。
メニューとは、ユーザーがナビゲーションを簡単に行えるようにするためのリンクです。
通常、「HOME」「ABOUT」「SERVICES」「CONTACT」などの項目が含まれ、サイトの主要なページへのアクセスを提供します。
カラムとは、サイトのレイアウト構成です。
1カラム=大きな1列で構成、2カラム=大きな1列と小さな1列の計2列で構成されています。
メニュー内容の編集
「編集」をクリックすると、メニュー内容の編集ができます。
リンクの追加
ここから、メニューのリンクを追加できます。
カスタマイズしたい人は、後から追加してゆきましょう。
メインビジュアルの設定
ショップの”顔”になるメインビジュアルを決めます。
画像を設定
メインビジュアルにしたい画像を追加します。
推奨サイズは1920px×720pxです。
アイテム画像/STORESロゴ
アイテム画像の比率
アイテム画像の比率を設定します。
正方形でよければ、このままでOKです。
表示
STORESロゴの表示・非表示の切り替えをできます。
ですが、フリープランではSTORESロゴを非表示にはできません。
どうしても消したい場合は、スタンダードプラン
に変更しましょう。
それほど目立たないので、私は表示のまま使ってます。
メニューについては、STORES公式FAQもあります。
テキストの色やフォントを設定
テキストの色やフォントを設定します。
まず、表示を左にスライドさせて、「テキスト」をクリックしましょう。
すると、テキストの色やフォントを設定できます。お好みで変更してください。
ただし、テキストの色を白に設定すると、ニュ－ス（お知らせ）の文字まで白になります。
もし、背景が白のテンプレートだと、文字が見えなくなってしまうので注意してください。
ストアロゴのフォントデザインを設定
ストアーロゴの表示・非表示を決めます。
トップページにロゴを表示したい人は、オンに変更しましょう。
表示したくない人は、このままでOKです。
ストアロゴのフォントデザインを設定
ストアロゴを表示する人は、気に入ったフォントデザインを選択しましょう。
背景の設定
サイトの背景を決めます。
背景色や模様を変えることができます。
特にこだわらなければ、デフォルトのままでOKです。
パーツ編集
サイトにパーツを追加できます。
必要ない方は、何もしなくてOKです。
ショップにパーツを追加
パーツを追加する場合は「パーツを追加する」をクリックします。
パーツのセレクト
ここから、バナー、動画、コラム、区切り線などを追加できます。
デザインの保存
今まで作成したストアデザインを保存します。
デザインの反映
デザインをストアーに反映します。
「OK」を押してください。
デザイン設定を閉じる
×印をクリックして、デザイン設定を閉じます。
ダッシュボードへ移動
デザイン設定は先ほど保存済みなので、ダッシュボードへ移動しましょう。
「OK」をクリックします。
ストアーデザイン完成
ここで、ショップのトップページを見てみましょう。
狙った通りのデザインになっていたらＯＫです。
ストアロゴも使ってみる
ストアロゴも使ってみました。
こんな感じで、可愛いショップが出来上がりましたよ（パチパチ）
もし、わからない部分がある場合は、Stores Magazineを参考にしてくださいね。
まとめ
今回は、STORESの設定（ストアーデザインの作成）について解説しました。
ストアーズはテンプレートも多くて、自分好みのショップをカンタンに作れます。
ぜひ、試してみてくださいね。
商品説明の書き方などは、ショップの成功事例をご覧ください。
それぞれの占い師さんの工夫があって、とても参考になりますよ。
アカウント開設などの「最初の設定」は以下の記事をどうぞ！
