SHOPLINEテーマの紹介

SHOPLINEは、さまざまな業界に合わせた豊富な無料テーマを提供しています。これらの事前構築されたテンプレートは、オンラインストアの強固な基盤を提供し、ブランドに合わせて外観や雰囲気をカスタマイズすることができます。

このガイドでは、テーマストアの探索、テーマライブラリの管理、コアエディターツールとストアのパフォーマンス指標の理解について説明します。

テーマストアの探索

テーマストアでは、さまざまなプロフェッショナルにデザインされたテンプレートを提供しています。ビジネスモデルに合ったテーマを選ぶことは、顧客を引きつけブランドを構築するための第一歩です。

• 公式テーマとサードパーティテーマの違い： 
  • 公式テーマ： これらはSHOPLINEチームによって開発された高品質なテーマです。最適なパフォーマンスを目指して設計されており、現在は無料で使用できます。テーマ紹介ページの開発者欄に「SHOPLINE」と記載されていることで識別できます。SHOPLINEが開発した無料テーマと、プロのパートナーが作成したテーマの中から選択してください。
  • サードパーティテーマ： これらはプロのパートナーによって作成されたプレミアムテーマです。独自のデザイン美学や特定のブランドニーズに合わせた専門的な機能を備えていることが多いです。通常は有料で、紹介ページにサードパーティの開発者名が記載されています。
• 業界別カテゴリ： 検索を効率化するために、カテゴリタブを使って特定のビジネスタイプに合わせたテーマを閲覧してください。ファッション、電子機器、美容など、これらの厳選されたコレクションは、ストアの業界に最適なビジュアルを見つけるのに役立ちます。

• テーマバージョン（OS 3.0 vs. OS 2.1）： 優れたパフォーマンス、すべてのページでのセクションベースのカスタマイズ、より良いアプリ互換性のために、OS 3.0テーマの使用を強く推奨します。

  注： これら2つのバージョンの機能ごとの詳細な比較については、当社の「OS 3.0 vs. OS 2.1 機能比較セクション」を「テーマOS 3.0の紹介」ガイドでご参照ください。

テーマの選択と追加

業界やブランドに最適なテーマを選択してください。以下の手順に従って、適切なテーマを探しましょう：

1. SHOPLINE管理画面から、オンラインストア > デザインに移動します。
   
2. テーマストアタブに移動して、お好みのテーマを検索します。カテゴリタグを使って、業種に合ったテーマを素早く見つけることができます。
   
3. 興味のあるテーマをクリックします。新しいページが開き、以下のことができます。
   
   • テーマの紹介と機能概要を確認する。
   • プレビューをクリックして、デモサイトでテーマを表示する。
4. テーマを追加（有料テーマの場合は無料トライアル）をクリックして、テーマをテーマライブラリに追加します。

カスタムテーマのアップロード

独自のカスタムテーマパッケージをお持ちの場合は、テーマストアから選ぶ代わりに直接ストアに追加できます。カスタムテーマをアップロードするには：

1. SHOPLINE管理画面から、オンラインストア > デザインに移動します。
2. テーマライブラリセクションで、テーマを追加をクリックし、ドロップダウンからテーマをアップロードを選択します。
   
3. .zipファイルのアップロードプロンプトが表示されます。テーマファイルを選択してアップロードします。
4. 右下のアップロードをクリックしてアップロードを完了します。

GitHubからテーマを追加する

テーマコードがGitHubにホストされている場合は、ファイルを手動でアップロードする代わりにリポジトリを直接接続できます。

GitHubからテーマを追加するには：

1. SHOPLINE管理画面から、オンラインストア > デザインに移動します。
2. テーマライブラリセクションで、テーマを追加をクリックし、ドロップダウンからGitHubから追加を選択します。
   
3. ドロップダウンから接続済みのGitHubアカウントを選択するか、＋アカウントを追加をクリックして新しいGitHubアカウントを接続します。
   

テーマライブラリの管理

ショップからテーマを追加したら、SHOPLINE管理画面のオンラインストア > デザイン > マイテーマページで管理できます。テーマは2つのセクションに分類されます：

• 現在のテーマ： 現在公開されており、顧客に表示されているテーマです。現在のテーマとして公開できるのは1つだけです。
  
• テーマライブラリ： 追加したがまだ公開していないテーマの保管エリアです。ここに複数のテーマを保存しておくことができます：
  
  • ライブのストアに影響を与えずに新しいデザインをテストする。
  • 季節限定テーマ（例：ブラックフライデーやホリデーセール）を事前に準備する。
  • サイトの以前のバージョンをバックアップする。

その他のオプションからテーマを管理する

ライブテーマでもライブラリ内のテーマでも、テーマの横にある三点リーダーアイコン [...]をクリックすると、いくつかの管理ツールにアクセスできます：

• ストアを表示（ライブテーマのみ）： 現在公開されているバージョンを確認するために、ライブのオンラインストアを新しいブラウザタブで開きます。
• 公開（テーマストアのみ）： 選択したテーマをライブテーマとして設定します。公開されると、現在顧客に表示されているライブテーマが置き換えられます。
  
• コピー： 現在公開されているテーマの正確なコピーを作成します。クリックすると、コピーされたバージョンが自動的に下のテーマストアリストに表示されます。大幅なデザインやコードの変更を行う前に、これを強く推奨します。
• 名前を変更： 管理画面内での管理を容易にするためにテーマの名前を変更します。この名前は顧客には表示されません。

• テーマのコンテンツを編集する： 著作権表示やローカライズされたエラーメッセージなど、システムの文言をパーソナライズします。

  注： デフォルトテキストのカスタマイズ方法の詳細については、当社の「ストアのデフォルトテキストのカスタマイズ」セクションを、「テーマエディターでストアをデザインする」ガイドでご参照ください。

• コードを修正＆ダウンロード： 技術的な専門家向けに、SHOPLINEはテーマの基盤となる構造に直接アクセスしたりバックアップを取るためのツールを提供します。

  • コードを修正： 高度な修正のためにテーマのHTML、CSS、JSONファイルへのアクセスを許可します。
  • コードをダウンロード： テーマのソースコードのZIPファイルをダウンロードしてローカルにバックアップできます。確認後、管理アカウントに連携されたメールアドレスにダウンロードリンクが送信されます。

  注：  これらの技術的な修正の詳細な手順については、当社の「テーマコードのカスタマイズとダウンロード」セクションを、「テーマエディターでストアをデザインする」ガイドでご参照ください。 テーマのコードパッケージの合計サイズは10MBを超えることはできません。同じ制限がテーマをアップロードでテーマを追加する場合にも適用されます。詳細は上記の「カスタムテーマのアップロード」セクションをご参照ください。

• 削除（テーマストアのみ）：選択したテーマをテーマストアから完全に削除します。このオプションは、ライブテーマは削除できないため、ストア内のテーマにのみ利用可能です。