Shopifyのテーマ設定方法は?自社ECサイトに合うおすすめテーマの探し方

Shopifyテーマ Shopify設定マニュアル集

 

「Shopifyで自社ECサイト・オンラインショップサイトを制作したいけど、設定方法がわからない…」

「Shopifyでテーマを設定する方法が知りたい」

この記事はこんな悩みに答えます。

Shopifyでアカウント開設したらその次にやることは、テーマ(テンプレート)の選択です。

Shopifyでの初期設定方法を知りたい方はこちらの記事からどうぞ▼

Shopify 始め方

Shopifyの始め方を初心者向けにわかりやすく図解で説明【アカウント開設】

また、そもそも「Shopifyって何?」っていう人はこちらの記事をまずはチェックしてみてください▼

Shopifyとは 【読み方~サービス概要・用途まで】


<b>この記事ではこんなことがわかります!</b>

・Shopifyでテーマを設定する方法

・自社に合ったShopifyテーマを見つける方法

そもそもShopifyのテーマって何?

画像1

Shopifyでは、合計70種類ものテーマ(いわゆるテンプレート)があります。

このテーマを選び、ベースとしてサイト設計していきます。

それにより、レイアウト作成だったり、商品掲載などサイトのフロントの構築(ユーザーが見えるインターフェイス)が爆速で可能になります。

ここで強調したいことは、テーマ=サイトデザインではないということです。

テーマを選んだからといって、そのままのデザイン(色やフォント、配置)が固定されるのではなく、そのテーマを基に自由にカスタマイズできます。

なので、まずはサイトのベースを決めるということがこのステップで実現できます。

ただ、商品の表示方法やレイアウトパターンはテーマに依存します。

実際のテーマを見った方が理解しやすいのでさっそくテーマの設定方法を解説していきます。

Shopifyでテーマを設定する方法

では早速、Shopifyでテーマを設定する方法を解説していきます。

①Shopifyテーマを選ぶ

サイドメニューの「オンラインストア」から「テーマ」をクリック。

その後、画面中央下部の「テーマストアへ行く」をクリック。

画像2

shopify themes に入ったら、画面上部の” Industries “から販売予定の商品タイプ軸でぴったりのテーマが検索できます。

画像3

今回は Food & Drinkを選択してみます。

すると、20テーマも検索結果で出てきました!

画像4

テーマには無料のものと、有料のものがあります。

こんな感じで名前の横に表示されています。

画像5

テーマをクリックすると、そこからデモも見ることができます。

画像6

気に入ったテーマがったら”Add theme” ボタンをクリック。

画像7

すると、オンラインストア>ストア内のテーマライブラリーというところにテーマが追加されます。

②shopifyテーマを手動でカスタマイズする

では追加したテーマをカスタマイズしていきましょう。

先ほどのテーマライブラリーから、テーマ横の「カスタマイズ」をクリックします。

画像8

すると、こんな感じでエディターページに遷移します。

画像9

②-1: 各パーツを一つずつ編集していく

編集したい部分をクリックすると下のような編集画面に切り替わります。

左バーから編集できる部分が表示されます。

画像10

例えば、画像やテキストいれると、こんな感じでプレビューしながら編集が可能です。

画像11

②-2: コレクションの配置を選択

コレクションという商品グループを作る概念がshopifyにあり、そのコレクションを作成すれば、どこでも自由に並べることができます。

画像12

例えば、コレクションを使えばこんなグループ化をしてトップページに表示することができます。

・カテゴリー一覧 (Mens, Ladies)
・特定カテゴリーの人気商品(Men’s人気商品)
・新着商品
・セール商品   etc…

コレクション作成はshopifyで特に重要な部分ですので、後日別記事でじっくりと解説します。

②-3: ホーム以外のページも編集する

画面上部のドロップダウンから編集したいページを選択することができます。

ホームと同じ要領で、左のバーから編集していきます。

画像13


注意:テーマ編集はコレクションや商品を登録しないと↑のように実際の商品写真や商品テキストは表示されないので何も表示されなくても焦らないでください。

③テーマを公開する

編集ができたら、右上の保存する→公開をクリックして、完了です!

画像14

業種別に最適なShopifyテーマを見つける方法

では、あなたの作ろうとしているECサイトにはどんなShopifyテーマがぴったりなのか?

最適なShopifyテーマを見つける方法を解説していきます。

一番手っ取り早いのは、Shopify公式サイトからフィルタしていく

Shopifyテーマ一覧 から絞っていくのがまずは最良の方法です。

 

上部の「コレクション」からマッチしたジャンルを選択していき、1つずつShopifyテーマを絞っていくのが一番効率的です。

Shopifyテーマを使った実際のECサイト例を閲覧する

もう1つは、やはりShopifyで構築した他社サイトを参考にすることです。

このサイトでは、Shopifyのテーマ一覧から、実際に公開されているECサイトを参照することができます。

・まずは閲覧したいShopifyテーマを選ぶ

・そして、次のページで「Featured Shops Using OOO」というカテゴリを選択すると、選択したShopifyテーマを実際に使っているECサイト一覧をみることができます!

いかがでしたでしょうか?見栄えという観点では、「テーマの設定」はShopifyでのECサイト構築で重要なポイントです。(これでサイトの見栄えの7割ぐらいが決まります)


『もう諦めなくていいんです』驚きの低価格でECサイトを作ります。
※自社ECサイト構築をお考えのショップオーナー様・WEB担当者様へ朗報です

daredemoECでは、Shopify ECサイト制作サービスを本格開始しました。”売れる”オンラインショップで販路を広げるチャンスです ▼