今回はサイトデザインに大きくかかわる、Shopifyのテーマの選定について解説していきます。
サイトのデザインはストアの印象を決める重要な要素なのでこだわりつつも、作業時間を投下しすぎないようにしましょう。
- Shopifyのテーマについての基本を理解する
- Shopifyにある無料テーマと有料テーマの違いについて理解する
- テーマをストアにダウンロードする方法を知る
- Shopifyの「Dawn」テーマを使う流れを知る
基本的なテーマ選定について、理解していきましょう。
テーマ選定
サイトのテーマを選定するにあたって、基本的なShopifyのテーマについて理解しておきましょう。
Shopifyではサイトのデザインテンプレートを「テーマ」と呼びます。
現在Shopifyの公式サイトでは12種類の無料テーマと100種類を超える有料テーマがあります。
テーマごとに、機能やデザインが違うので、ストアのコンセプトに合ったテーマを選べるようにしましょう。
無料テーマ・有料テーマの違い
Shopify公式の無料テーマと有料テーマの違いは料金だけではありません。詳しい違いついて解説します。
言語対応
無料テーマは全て日本語対応をしています。完全にきれいな日本語ではありませんが、使うなかでほとんど気になりません。
一方、有料テーマは日本語に対応しているものが少ないため、管理画面が英語表記になる場合があり、英語に苦手意識があると、扱いづらさを感じるかもしれません。
最近は翻訳機能を使って簡単に日本語の意味を調べることができるので、そのような機能を使うことに慣れている方は、有料テーマでも問題なく使用できます。
デザイン性
デザイン性は有料テーマの方が高いので、よりオシャレなサイトを制作したい、ということでしたら有料テーマを検討しましょう。
初回買い切りで5万円程度になりますので、今後長く使用すると考えた場合、コスパも悪くないかなと思います。
Dawnを選択しよう
今回は、無料テーマでいちばんメジャーな「Dawn」というテーマを選択します。
「Dawn」はデフォルトで設定されているテーマなので、すぐに使用することができます。
テーマの設定画面は、先ほども記載しましたが、管理画面の「販売チャネル」の欄にある「オンラインストア」の下の「テーマ」にあります。

設定画面を表示すると、すでにDawnが現在のテーマとして適用されていることが分かります。

もし表示されていない場合は、「テーマライブラリー」にある「テーマを追加」ボタンをクリックし、テーマサイトにアクセスしましょう。
以上でストアのテーマの選定ができました。
有料テーマの買い方・テーマのダウンロード方法
本コンテンツではDawnを使用するので、ここからはあくまで補足としてご参考ください。
サイトのテーマを入手する方法は2つあります。
- Shopify公式のテーマストアから入手する
- それ以外の販売サイトから入手する
Shopify公式のテーマストアから入手する
Shopify公式のテーマストアは、Shopifyが全て目を通しており公認しているので、サポート体制もしっかりしています。
そのため、不具合が起きることはほとんどありません。
Shopify公式のテーマサイトは、下記リンクをクリックするとアクセスできます。
▼テーマストア
https://themes.shopify.com/themes?locale=ja
公式以外の販売サイトから入手する
テーマは公式サイト以外からでも入手することができます。テーマの価格が公式よりも安い傾向にあります。
公式ではないため、他のストアと被らないデザインにしたい場合はこちらを選択する方法もありますが、Shopifyが確認していないため不具合が起こる可能性があります。
以上の特徴を把握したうえで、テーマを選定しましょう。
今回はShopify公式のテーマストアから選択します。
テーマの追加方法
管理画面の「オンラインストア」の下にある「テーマ」をクリックします。

デフォルトでDawnというテーマが設定されていますが、他の無料テーマにする場合は設定画面の下に無料テーマを選択する欄があります。

こちらにないテーマを選ぶ場合は、下記のURLよりテーマストアに移動して確認することができます。
▼テーマストア
https://themes.shopify.com/themes?locale=ja
テーマストアへアクセスすると、このような画面になり左側の条件設定で無料や有料を選択できます。

追加したいテーマをクリックするとこのような画面になるので、「Try theme」をクリックします。

クリックするとテーマのダウンロードが開始され、ストアのテーマに追加されます。追加されたことはテーマ設定画面のなかにある「テーマライブラリー」で確認ができます。

有料テーマの場合
有料テーマをダウンロードする場合、同じように「Try theme」をクリックすると、「トライアル中のテーマ」として追加されます。

有料テーマをご使用の場合はお問い合わせください。
以上が基本的なテーマの追加方法でした。
まとめ
今回はサイトデザインの選定方法について解説しました。
サイトデザインはストアの印象を決める重要な要素なので、納得のいくテーマを設定できるようにしましょう。