テーマの追加、プレビュー、購入

オンラインストアを始めるにあたり管理画面のテーマページには、Shopifyのアカウント開設時、デフォルトテーマで設定されています。別のテーマをカスタマイズしてオンラインストアに利用する場合、管理画面にテーマを追加する必要があります。

テーマを追加できる方法は以下のとおりです。

  • 管理画面から無料のテーマを追加できます。
  • Shopify テーマストアで有料テーマを試してみることができます。任意のテーマをプレビューし、テーマエディタを使用してそのテーマをカスタマイズできます。そのテーマをオンラインストアに公開するには、その前に購入する必要があります。
  • ZIPファイルに格納されているテーマがすでにある場合は、そのテーマをアップロードできます。

あなたが開発者である場合、またはShopify パートナーまたは代理店と連携している場合は、以下の方法でストアにテーマを追加することもできます。

  • Shopify GitHub統合を使用して、GitHubでホストされているテーマをストアに追加できます。
  • Shopify CLIを使用して、ストアにテーマをプッシュできます。

アカウントに複数のテーマを追加して、新しいテーマを試したり、公開されているテーマの季節バージョンを維持したり、公開されたテーマのコピーに対して変更をテストしたりすることができます。これらのテーマはどれでもプレビューできますが、一度に公開できるテーマはいつでも1つだけです。新しいテーマに切り替えても、Shopifyのテーマページで以前のテーマにアクセスできます。

追加できるテーマの数は、ご利用中のプランによって異なります。Shopifyアカウントには、最大で20種類のテーマを追加できます。Shopify Plusでのテーマ上限数については、Shopify Plusを参照してください。ご利用中のプランのテーマ上限数に達した場合、テーマを削除してから新しいテーマを追加する必要があります。

テーマを追加した後、リンクを作成して他の人とテーマのプレビューを共有することができます。これにより、新しいテーマやオンラインストアの公開前にフィードバックをもらうことができます。

管理画面に無料のテーマを追加

無料テーマはShopifyによって開発されています。無料テーマのカスタマイズのヘルプページはShopifyによりサポートされています

手順:

  1. ページ下部にある無料のテーマセクションで、[無料のテーマを探す] をクリックします。ウィンドウに無料のテーマがすべて表示されます。
  2. 任意のテーマをクリックしてその機能を読み込み、使用可能なテーマスタイルをプレビューします。
  3. テーマの [追加] ボタンをクリックします。管理画面のテーマページに、テーマが追加されます。

Shopify テーマストアで有料テーマを試す

有料テーマの購入を決定する前に、管理画面でテーマをプレビューして試すことができます。テーマをプレビューしている間、テーマエディタを使用して、ストアのブランドの色、ブランドスタイル、商品を使用してテーマを変更するなど、カスタマイズすることができます。加えた変更はテーマの購入時に保存されます。

最多19個の有料テーマを同時にプレビューすることができます。そうすることで、テーマの購入前にさまざまなテーマを比較することができます。試している有料テーマには、トライアル中のテーマのラベルが付きます。

有料テーマについてサポートを受けるには、テーマ開発者にお問い合わせください。

手順:

  1. Shopify テーマストアにアクセスし、有料テーマを選択します。
  2. [テーマを試す] をクリックして、テーマをオンラインストアに追加します。
  3. 管理画面で、[オンラインストア] > [テーマ] の順にクリックします。
  4. [テーマライブラリー] セクションで、プレビューを希望するテーマの横にある [アクション] をクリックします。
  5. [プレビュー] をクリックします。

プレビュー中のテーマをカスタマイズすることができます。テーマを適用した場合のストアの見た目に満足しているなら、そのテーマを購入することができます。その場合、プレビュー中に行ったすべてのカスタマイズを保存することができます。

Shopify テーマストアからテーマを購入する

オンラインストアで有料テーマを試した後に購入することもできます。購入したテーマのみオンラインストアに公開することができます。

有料テーマはサードパーティのテーマ開発者によって作成されます。サードパーティのテーマの全般的なサポートと更新は、テーマ開発者によって提供されます。高度なカスタマイズが必要で、HTML、CSS、およびJavaScriptによるウェブサイトの開発経験がない場合は、Shopify Expertの雇用を検討してください。

手順:

  1. 管理画面で、[オンラインストア] > [テーマ] の順にクリックします。
  2. [テーマライブラリー] セクションで、購入を希望するテーマの横にある [アクション] をクリックします。
  3. [購入] をクリックして取引を開始します。

コンピューターからテーマをアップロードする

利用中のコンピューター上に、ZIPファイルに格納されているテーマがある場合は、管理画面の [テーマ] ページにアップロードできます。

アップロードする前に、複数のテーマファイルが1つのZIPファイルに圧縮されて格納されているかを確認してください。

手順:

  1. テーマライブラリーセクションで、[テーマをアップロードする] をクリックします。
  2. [テーマをアップロードする] のウィンドウで、[ファイルを選択] をクリックし、アップロードを希望するZIPファイルを選択します。
  3. [アップロード] をクリックします。管理画面のテーマページに、テーマが追加されます。

テーマの切り替え

ストアに新しいテーマを追加すると、Shopifyのテーマページのテーマライブラリーセクションに表示されます。オンラインストアに公開することにより、新しいテーマに切り替えることができます。新しいテーマを公開すると、以前のテーマはテーマライブラリーでも使用できます (必要に応じて元に戻すことができます)。

テーマを手動で更新した場合、テーマの更新されたバージョンはテーマライブラリーに別個のバージョンとして表示されます。更新されたバージョンに切り替えると、テーマの以前のバージョンはテーマライブラリーで引き続き利用可能になります。詳細については、「テーマの更新」を参照してください。

テーマを切り替える準備をする

テーマライブラリーにテーマを追加する場合、テーマを公開する前にカスタマイズできます。これは、既存のテーマを置き換える前に、新しいテーマを確認し、設定とコンテンツを調整してビジネスに反映させる良い機会となります。準備しておいた複数のテーマを再設定することなく切り替えることもできます。

ストアの商品、コレクション、ナビゲーションメニュー、ページ、ブログ記事は、テーマとは別に管理画面で管理されているため、新しいテーマに切り替えても、変更または削除されません。ただし、テーマエディタ、テーマコードエディタ、および言語エディタを使用して管理されるコンテンツと設定は、アップロードするそれぞれのテーマとテーマバージョンに固有のものです。

オンラインストアの次の部分はテーマに関連付けられています。オンラインストアのこれらの部分は、使用するテーマごとにカスタマイズする必要があります。

  • ストアの静的セクションに適用されている設定。通常、これらのセクションでは、商品ページのようなページの外観と機能、またはヘッダーやフッターのセクションなど、複数のページに表示されるセクションを管理します。
  • ホームページ、および各セクションのコンテンツに表示される動的セクション
  • テーマ設定 (オンラインストアに適用される色やフォントなど)。
  • テーマのテキスト
  • コードのカスタマイズ (アプリにより追加されたコードのカスタマイズなど)。
  • 利用可能なテーマテンプレート。

すべてのテーマが、Shopifyのすべての機能をサポートしているわけではありません。テーマの機能リストで、必要な機能があることを確認する必要があります。

テーマのプレビューを共有する

オンラインストアを開設する、あるいは新しいテーマを公開してストアの見た目と雰囲気の変更を計画している場合、テーマのプレビューを共有してフィードバックをもらうことができます。管理画面に追加したテーマのリンクを作成することで、他の人がテーマのプレビューにアクセスできるようになります。共有するために、テーマを公開する必要はありません。

プレビューリンクを使用すると、オンラインストアの閲覧が有効になりますが、チェックアウトにアクセスすることはできません。プレビューリンクは、作成後14日間有効です。新しいリンクは好きなだけ作成することができ、新しいリンクを作成しても古いプレビューリンクには影響しません。

手順:

  1. 共有するテーマで [アクション] をクリックして、[プレビュー] を選択します。
  2. ページ下部にあるプレビューから [プレビューを共有] をクリックします。個別の共有リンクが記載されたウィンドウが開きます。
  3. [リンクをコピーする] をクリックして、クリップボードにコピーします。
  4. リンクをメール、チャット、SNSなどに貼り付けて、共有してください。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す