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

このページはApr 19, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/adding-themesをご覧ください。

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

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

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

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

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

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

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

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

目次

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

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

手順:

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. ページの下部近くにある [人気のある無料のテーマ] セクションで、Shopify テーマストアの最も人気のある無料のテーマを表示するか、[テーマストアにアクセス] をクリックして利用可能なすべてのテーマを閲覧します。
  3. テーマ名をクリックして、Shopify テーマストアでテーマに関する詳細を表示します。
  4. テーマの [追加] ボタンをクリックします。管理画面の [テーマ] ページの [テーマライブラリー] セクションに、テーマが追加されます。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. ページの下部近くにある [人気のある無料のテーマ] セクションで、Shopify テーマストアの最も人気のある無料のテーマを表示するか、[テーマストアにアクセス] をクリックして利用可能なすべてのテーマを閲覧します。
  5. テーマ名をクリックして、Shopify テーマストアでテーマに関する詳細を表示します。
  6. テーマの [追加] ボタンをクリックします。管理画面の [テーマ] ページの [テーマライブラリー] セクションに、テーマが追加されます。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. ページの下部近くにある [人気のある無料のテーマ] セクションで、Shopify テーマストアの最も人気のある無料のテーマを表示するか、[テーマストアにアクセス] をクリックして利用可能なすべてのテーマを閲覧します。
  5. テーマ名をクリックして、Shopify テーマストアでテーマに関する詳細を表示します。
  6. テーマの [追加] ボタンをクリックします。管理画面の [テーマ] ページの [テーマライブラリー] セクションに、テーマが追加されます。

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

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

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

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

手順:

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

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

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

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

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

手順:

  1. 管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。

  2. [アプリと販売チャネル] ページで、[Online store] をクリックします。

  3. [販売チャネルを開く] をクリックします。

  4. [テーマ] をクリックします。

  5. [テーマを追加] > [テーマストアにアクセス] の順にクリックします。

  6. 購入するテーマを検索し、[テーマを試す] をクリックします。

  7. [テーマライブラリー] セクションで、購入を希望するテーマにある [購入] をクリックして取引を開始します。

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

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

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

手順:

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. [テーマライブラリー] セクションで、[テーマを追加] をクリックし、[Zipファイルをアップロード] をクリックします。
  3. [テーマをアップロードする] のウィンドウで、[ファイルを選択] をクリックし、アップロードを希望するZIPファイルを選択します。
  4. [アップロード] をクリックします。管理画面のテーマページに、テーマが追加されます。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. [テーマライブラリー] セクションで、[テーマを追加] をクリックし、[Zipファイルをアップロード] をクリックします。
  5. [テーマをアップロードする] のウィンドウで、[ファイルを選択] をクリックし、アップロードを希望するZIPファイルを選択します。
  6. [アップロード] をクリックします。管理画面のテーマページに、テーマが追加されます。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. [テーマライブラリー] セクションで、[テーマを追加] をクリックし、[Zipファイルをアップロード] をクリックします。
  5. [テーマをアップロードする] のウィンドウで、[ファイルを選択] をクリックし、アップロードを希望するZIPファイルを選択します。
  6. [アップロード] をクリックします。管理画面のテーマページに、テーマが追加されます。

テーマの切り替え

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

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

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

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

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

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

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

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

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

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

手順:

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. 共有するテーマの [...] ボタンをクリックしてアクションメニューを開き、[プレビュー] をクリックします。
  3. ページ下部にあるプレビューから [プレビューを共有] をクリックします。個別の共有リンクが記載されたウィンドウが開きます。
  4. [リンクをコピーする] をクリックして、クリップボードにコピーします。
  5. リンクをメール、チャット、SNSなどに貼り付けて、共有してください。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 共有するテーマの [...] ボタンをクリックしてアクションメニューを開き、[プレビュー] をクリックします。
  5. ページ下部にあるプレビューから [プレビューを共有] をクリックします。個別の共有リンクが記載されたウィンドウが開きます。
  6. [リンクをコピーする] をクリックして、クリップボードにコピーします。
  7. リンクをメール、チャット、SNSなどに貼り付けて、共有してください。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 共有するテーマの [...] ボタンをクリックしてアクションメニューを開き、[プレビュー] をクリックします。
  5. ページ下部にあるプレビューから [プレビューを共有] をクリックします。個別の共有リンクが記載されたウィンドウが開きます。
  6. [リンクをコピーする] をクリックして、クリップボードにコピーします。
  7. リンクをメール、チャット、SNSなどに貼り付けて、共有してください。

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

無料体験を試す