STORES(ストアーズ)テンプレート
STORES(ストアーズ)のテンプレートを徹底解説!おすすめテンプレートも紹介
![STORES(ストアーズ)のテンプレート](https://www.hp-labo.com/wp/wp-content/uploads/stores-template-750x460.jpg)
出典:STORES
![ホームページ作成の初心者](/images/chara-wb_7.png)
STORESのテンプレートって何?
STORESのテンプレートの特徴は?
今回は、STORES(ストアーズ)に関する、上記のような疑問にお答えします。
本記事の内容
- STORESのテンプレートとは?
- STORESのテンプレートの特徴・メリット
本記事の執筆者
![ホームページ自作を応援するWebデザイナー](/images/chara-wd_1.png)
こんにちは、ホームページ自作ラボ管理人のリュウです。
私は、現役のWebデザイナーとして、ホームページ制作会社の代表をしています。
本記事は、以下のような人にオススメです
- STORESのテンプレートについて知りたい
- STORESが自分に向いているかを判断したい
本記事を読むことで、STORESのテンプレートについて知ることができ、STORESがあなたに向いているネットショップ作成サービスかどうかの判断材料になります。
結論を先に言うと
STORESのテンプレートは、アパレルや美容関係など、オシャレ重視なネットショップでも使えるハイクオリティなテンプレートばかりです。
では、STORES(ストアーズ)のテンプレートについて徹底解説していきます!
なお、STORESについての全体的な解説は『STORES(ストアーズ)の評判は!? 特徴・メリット・デメリットを徹底解説!』をご覧ください。
STORES(ストアーズ)の評判は!? 特徴・メリット・デメリットを徹底解説!
このページの目次
STORES(ストアーズ)のテンプレートとは?
STORESでは、プロがデザインした「テンプレート」を選んで適用することで、ネットショップ全体のデザインが決まります。
これにより、初心者でも簡単に、プロのデザインのネットショップを作ることが可能です。
STORES(ストアーズ)のテンプレートの適用方法
STORESでテンプレートを選んで、適用させる手順は以下の通りです。
- 管理画面の「ストアデザイン」ページへ移動する
- テンプレート一覧ページへ移動する
- テンプレートを選択する
管理画面の「ストアデザイン」ページへ移動する
管理画面の左側メニューから「ストアデザイン」ページへ移動します。
![STORES管理画面で、ストアデザインのメニューをクリック](https://www.hp-labo.com/wp/wp-content/uploads/xstores-store-design_menu.jpg.pagespeed.ic.SyTvAZSs6O.jpg)
出典:STORES
テンプレート一覧ページへ移動する
現在適用されているテンプレートのプレビューが表示されています。
左側メニューの【すべてのテンプレートを見る】をクリックして、テンプレート一覧ページへ移動します。
![STORES管理画面で、テンプレート一覧ページに移動する](https://www.hp-labo.com/wp/wp-content/uploads/stores-template-selection-1.jpg)
出典:STORES
テンプレートを選択する
約50種類あるテンプレートの一覧が表示されているので、あなたが使いたいテンプレートを探します。
![STORES管理画面で、約50種類あるテンプレートの一覧が表示](https://www.hp-labo.com/wp/wp-content/uploads/stores-template-selection-2.jpg)
出典:STORES
一覧に表示されている、テンプレートのキャプチャにマウスを乗せると、【このテンプレートを使用する】と【デモを見る】の2つのリンクが表示されます。
![STORES管理画面で、テンプレートのキャプチャにマウスを乗せる](https://www.hp-labo.com/wp/wp-content/uploads/stores-template-selection-3.jpg)
出典:STORES
このテンプレートをすぐに適用させる場合は、【このテンプレートを使用する】をクリックしてください。
適用前にデモサイトを見たい場合は、【デモを見る】をクリックしてください。
【デモを見る】をクリックすると、デモサイトが表示されます。
![STORES管理画面で、デモサイトが表示](https://www.hp-labo.com/wp/wp-content/uploads/stores-template-selection-4.jpg)
出典:STORES
このテンプレートを適用させる場合は、右上の【このテンプレートを使用する】をクリックしてください。
他のテンプレートも見る場合は、左上の【<】をクリックして、一覧ページへ戻ってください。
【このテンプレートを使用する】すると、確認メッセージが表示されます。
![STORES管理画面で、確認メッセージが表示](https://www.hp-labo.com/wp/wp-content/uploads/stores-template-selection-5.jpg)
出典:STORES
新しいテンプレートを適用させると、既存のパーツが削除されますが、問題なけれな【OK】をクリックしてください。
新しいテンプレートが適用された状態のプレビューが表示されます。
![STORES管理画面で、新しいテンプレートが適用された状態のプレビュー](https://www.hp-labo.com/wp/wp-content/uploads/stores-template-selection-6.jpg)
出典:STORES
以上で、テンプレートの適用が完了です。
STORES(ストアーズ)のテンプレートの特徴・メリット
STORESのテンプレートの特徴・メリットは、以下の通りです。
- すべてのテンプレートが無料で使える
- 約50種類のテンプレートから選べる
- オシャレなデザインのテンプレートばかり
- すべてのテンプレートがスマホ対応
- 初心者でも直感的に操作できる
- テンプレートをカスタマイズできる
- デザインマーケットはない
すべてのテンプレートが無料で使える
STORESのテンプレートはすべて無料です。
他のサービスでは、無料もあるけど「気に入ったデザインを選択しようとしたら有料だった」という場合もありますが、STORESで有料テンプレートに当たる心配は要りません。
金額を気にせず、好みのデザインを選んでください。
![ホームページ作成の初心者](/images/chara-wb_4.png)
クオリティの高いデザインに限って、有料版ってことがよくあるんですよね。
![ホームページ自作を応援するWebデザイナー](/images/chara-wd_1.png)
STORESなら、全テンプレートが無料なので安心です。
約50種類のテンプレートから選べる
![STORESは、約50種類のテンプレートから選べる](https://www.hp-labo.com/wp/wp-content/uploads/xstores-1.jpg.pagespeed.ic.Z0CB5nTex9.jpg)
出典:STORES
テンプレートとは、ネットショップのデザインやレイアウトを簡単に変更できる「雛形」のことです。
テンプレートを選ぶだけで、着せ替えるようにネットショップ全体のデザインやレイアウトが変わります。
STORESのテンプレートは約50種類あり、すべてプロのデザイナーが作ったデザインです。
好みのテンプレートを選んで適用するだけで、誰でもクオリティの高いデザインのネットショップを作成できます。
![ホームページ自作を応援するWebデザイナー](/images/chara-wd_1.png)
STORESのテンプレートはスタイリッシュなデザインばかりなので、素人感のあるネットショップにはなりません。
![ホームページ作成の初心者](/images/chara-wb_1.png)
約50種類もテンプレートがあるなら、きっと気に入るデザインが見つかりますね。
オシャレなデザインのテンプレートばかり
ネットショップのデザインは、ネットショップや商品の印象につながるので重要です。
STORESのテンプレートは、とにかくオシャレなデザインが多いです。
とは言え、テンプレートそのものはシンプルなデザインが多いので、載せる商品写真やイメージ写真が映えるようになっています。
特に、以下のようなジャンルのネットショップにピッタリだと思います。
- ファッション
- アクセサリー
- 雑貨
- インテリア
- 化粧品など美容関係
- フード / ドリンク
![ホームページ自作を応援するWebデザイナー](/images/chara-wd_1.png)
STORESのテンプレートは、シンプルでオシャレなデザインばかりなので、商品が映えます。
![ホームページ作成の初心者](/images/chara-wb_1.png)
見てもらいたいなのは商品なので、商品写真が映えるのは素敵ですね。
すべてのテンプレートがスマホ対応
スマホからのアクセスが半数を超える今、スマホ対応は必須です。
パソコン版しかないネットショップをスマホで表示すると、見にくく使いにくいので、離脱される可能性が高くなります。
またスマホ対応は、SEO(検索エンジン最適化)対策の1つにもなります。
STORESのテンプレートは、すべてレスポンシブWebデザインなのでスマホでの表示にも対応しています。
レスポンシブWebデザインとは、サイト訪問者の画面サイズに合わせて、最適なレイアウトで表示させる手法のことです。
STORESはテンプレート自体がスマホ対応されているので、スマホ対応のための特別な作業は不要です。
あなたはスマホ版のことは気にせず普通に作成しておけば、自動的にスマホ版もできあがります。
![ホームページ自作を応援するWebデザイナー](/images/chara-wd_1.png)
スマホ版の評価が検索順位に大きく影響するので、スマホ対応は欠かせません。
![ホームページ作成の初心者](/images/chara-wb_1.png)
STORESで作ったネットショップは、自動的にスマホ対応されているので安心ですね。
初心者でも直感的に操作できる
STORESの管理画面は、シンプルな操作性にこだわって作られています。
直感的に操作できるようになっているので、初心者でもスムーズにネットショップを完成させることができます。
マニュアルページを見ながら汗水たらして作成しないといけない…ということはありません。
![ホームページ作成の初心者](/images/chara-wb_8.png)
難しい管理画面を、マニュアル見ながら作って行くのはイヤですね。
![ホームページ自作を応援するWebデザイナー](/images/chara-wd_1.png)
STORESの管理画面は、直感的に操作できるような作りになっているので、何か分からないことが出てきたときだけマニュアルを見れば大丈夫です。
テンプレートをカスタマイズできる
STORESのテンプレートを選んで適用した上で、さらに自分好みにカスタマイズできます。
カスタマイズするのに専門知識は不要で、初心者でも簡単にカスタマイズできるようになっています。
同じテンプレートでも、レイアウトが異なるだけで、ネットショップの雰囲気が変わります。
カスタマイズすることで、より自分のネットショップに合ったデザインにすることが可能です。
![ホームページ自作を応援するWebデザイナー](/images/chara-wd_1.png)
選んだテンプレートをさらにカスタマイズすることで、自分の理想のネットショップに近付けることができます。
![ホームページ作成の初心者](/images/chara-wb_3.png)
STORESなら、テンプレートのカスタマイズが初心者でもできるのは嬉しいです。
デザインテンプレートを販売する場はない
例えば、ネットショップ作成サービス「BASE」には「デザインマーケット」という場があり、BASE運営会社が作成したテンプレート以外のテンプレートも販売されています。
BASE公式サイトで販売していますが、作成したのは一般のWeb制作会社やWebデザイナーです。
STORESには、このようなシステムがないので、自作したテンプレートを販売する場はありません。
逆に言うと、ユーザーもBASE運営会社が作成したテンプレートだけしか使えません。
STORES(ストアーズ)のおすすめテンプレート
STORESでおすすめのテンプレートをピックアップしました。
以下の画像はサンプルなので、同じテンプレートであっても、レイアウトや背景を変更することで、自社のイメージに合わせることができます。
STANDARD
![STORESのテンプレート:STANDARD](https://www.hp-labo.com/wp/wp-content/uploads/template_img_1.png)
出典:STORES
パソコンでは商品が4列で表示される、ベーシックなデザインです。
ショップ自体にデザイン的な主張がないので、商品写真次第で印象を変えられます。
WINDOW_silk
![STORESのテンプレート:WINDOW_silk](https://www.hp-labo.com/wp/wp-content/uploads/template_img_14.png)
出典:STORES
スキンカラーの美しいデザインです。
シンプルですが、背景を変えることでショップのイメージをつくれます。
CITYMARKET
![STORESのテンプレート:CITYMARKET](https://www.hp-labo.com/wp/wp-content/uploads/template_img_23.png)
出典:STORES
たくさんの商品をしっかり紹介できるデザインです。
メイン画像を大きく見せられます。
STORY_wood
![STORESのテンプレート:STORY_wood](https://www.hp-labo.com/wp/wp-content/uploads/template_img_28.png)
出典:STORES
ウッド調で、一つの商品をストーリーと共に紹介できるデザインです。
シンプルですが、木の温かみがあります。
THEATER_black texture
![STORESのテンプレート:THEATER_black texture](https://www.hp-labo.com/wp/wp-content/uploads/template_img_33.png)
出典:STORES
ライブイベントなどに映えるデザインです。
どちらかと言えば、男性向けのショップに適しています。
CITYMARKET_black texture
![STORESのテンプレート:CITYMARKET_black texture](https://www.hp-labo.com/wp/wp-content/uploads/template_img_35.png)
出典:STORES
たくさんの商品をしっかり紹介できる、ブラックなデザインです。
ワイドなメイン画像が印象的です。
WIDE VISUAL_gridpaper
![STORESのテンプレート:WIDE VISUAL_gridpaper](https://www.hp-labo.com/wp/wp-content/uploads/template_img_40.png)
出典:STORES
メインビジュアルを大きく表示できる、ナチュラルなデザインです。
子どもの服や雑貨のショップにも向いています。
WIDE VISUAL_cool
![STORESのテンプレート:WIDE VISUAL_cool](https://www.hp-labo.com/wp/wp-content/uploads/template_img_41.png)
出典:STORES
メインビジュアルを大きく表示できる、クールなデザインです。
クールで洗練された印象を与えます。
STORES(ストアーズ)のテンプレートのまとめ
今回は、STORESのテンプレートについて徹底解説しました。
STORESのテンプレートの特徴・メリットは、以下の通りです。
- すべてのテンプレートが無料で使える
- 約50種類のテンプレートから選べる
- オシャレなデザインのテンプレートばかり
- すべてのテンプレートがスマホ対応
- 初心者でも直感的に操作できる
- テンプレートをカスタマイズできる
- デザインマーケットはない
STORESのテンプレートは、とにかくオシャレですが、見た目だけでなく機能性などの中身も素敵なのでオススメです。
なお、STORESについての全体的な解説は『STORES(ストアーズ)の評判は!? 特徴・メリット・デメリットを徹底解説!』をご覧ください。