「Shopifyで自社ECサイト・オンラインショップサイトを制作したいけど、設定方法がわからない…」
「Shopifyでテーマを設定する方法が知りたい」
この記事はこんな悩みに答えます。
Shopifyでアカウント開設したらその次にやることは、テーマ(テンプレート)の選択です。
Shopifyでの初期設定方法を知りたい方はこちらの記事からどうぞ▼
また、そもそも「Shopifyって何?」っていう人はこちらの記事をまずはチェックしてみてください▼
<b>この記事ではこんなことがわかります!</b>
・Shopifyでテーマを設定する方法
・自社に合ったShopifyテーマを見つける方法
そもそもShopifyのテーマって何?
Shopifyでは、合計70種類ものテーマ(いわゆるテンプレート)があります。
このテーマを選び、ベースとしてサイト設計していきます。
それにより、レイアウト作成だったり、商品掲載などサイトのフロントの構築(ユーザーが見えるインターフェイス)が爆速で可能になります。
ここで強調したいことは、テーマ=サイトデザインではないということです。
テーマを選んだからといって、そのままのデザイン(色やフォント、配置)が固定されるのではなく、そのテーマを基に自由にカスタマイズできます。
なので、まずはサイトのベースを決めるということがこのステップで実現できます。
ただ、商品の表示方法やレイアウトパターンはテーマに依存します。
実際のテーマを見った方が理解しやすいのでさっそくテーマの設定方法を解説していきます。
Shopifyでテーマを設定する方法
では早速、Shopifyでテーマを設定する方法を解説していきます。
①Shopifyテーマを選ぶ
サイドメニューの「オンラインストア」から「テーマ」をクリック。
その後、画面中央下部の「テーマストアへ行く」をクリック。
shopify themes に入ったら、画面上部の” Industries “から販売予定の商品タイプ軸でぴったりのテーマが検索できます。
今回は Food & Drinkを選択してみます。
すると、20テーマも検索結果で出てきました!
テーマには無料のものと、有料のものがあります。
こんな感じで名前の横に表示されています。
テーマをクリックすると、そこからデモも見ることができます。
気に入ったテーマがったら”Add theme” ボタンをクリック。
すると、オンラインストア>ストア内のテーマライブラリーというところにテーマが追加されます。
②shopifyテーマを手動でカスタマイズする
では追加したテーマをカスタマイズしていきましょう。
先ほどのテーマライブラリーから、テーマ横の「カスタマイズ」をクリックします。
すると、こんな感じでエディターページに遷移します。
②-1: 各パーツを一つずつ編集していく
編集したい部分をクリックすると下のような編集画面に切り替わります。
左バーから編集できる部分が表示されます。
例えば、画像やテキストいれると、こんな感じでプレビューしながら編集が可能です。
②-2: コレクションの配置を選択
コレクションという商品グループを作る概念がshopifyにあり、そのコレクションを作成すれば、どこでも自由に並べることができます。
例えば、コレクションを使えばこんなグループ化をしてトップページに表示することができます。
・カテゴリー一覧 (Mens, Ladies)
・特定カテゴリーの人気商品(Men’s人気商品)
・新着商品
・セール商品 etc…
コレクション作成はshopifyで特に重要な部分ですので、後日別記事でじっくりと解説します。
②-3: ホーム以外のページも編集する
画面上部のドロップダウンから編集したいページを選択することができます。
ホームと同じ要領で、左のバーから編集していきます。
注意:テーマ編集はコレクションや商品を登録しないと↑のように実際の商品写真や商品テキストは表示されないので何も表示されなくても焦らないでください。
③テーマを公開する
編集ができたら、右上の保存する→公開をクリックして、完了です!
業種別に最適なShopifyテーマを見つける方法
では、あなたの作ろうとしているECサイトにはどんなShopifyテーマがぴったりなのか?
最適なShopifyテーマを見つける方法を解説していきます。
一番手っ取り早いのは、Shopify公式サイトからフィルタしていく
Shopifyテーマ一覧 から絞っていくのがまずは最良の方法です。
上部の「コレクション」からマッチしたジャンルを選択していき、1つずつShopifyテーマを絞っていくのが一番効率的です。
Shopifyテーマを使った実際のECサイト例を閲覧する
もう1つは、やはりShopifyで構築した他社サイトを参考にすることです。
このサイトでは、Shopifyのテーマ一覧から、実際に公開されているECサイトを参照することができます。
・まずは閲覧したいShopifyテーマを選ぶ
・そして、次のページで「Featured Shops Using OOO」というカテゴリを選択すると、選択したShopifyテーマを実際に使っているECサイト一覧をみることができます!
いかがでしたでしょうか?見栄えという観点では、「テーマの設定」はShopifyでのECサイト構築で重要なポイントです。(これでサイトの見栄えの7割ぐらいが決まります)