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の紹介」ガイドでご参照ください。
テーマの選択と追加
業界やブランドに最適なテーマを選択してください。以下の手順に従って、適切なテーマを探索しましょう:
-
SHOPLINE管理画面から、オンラインストア > デザインに移動します。
-
テーマストアタブに移動して、お好みのテーマを検索します。カテゴリタグを使って、業種に合ったテーマを素早く見つけることができます。
-
興味のあるテーマをクリックします。新しいページが開き、以下のことができます:
- テーマの紹介と機能概要を確認する。
- プレビューをクリックして、デモサイトでテーマを確認する。
- テーマを追加(有料テーマの場合は無料トライアル)をクリックして、テーマをテーマライブラリに追加します。
カスタムテーマのアップロード
ご自身のカスタムテーマパッケージをお持ちの場合は、テーマストアから選ぶ代わりに直接ストアに追加できます。カスタムテーマをアップロードするには:
- SHOPLINE管理画面から、オンラインストア > デザインに移動します。
-
テーマライブラリセクションで、テーマを追加をクリックし、ドロップダウンからテーマをアップロードを選択します。
- .zipファイルのアップロード画面が表示されます。アップロードするテーマファイルを選択します。
- 右下のアップロードをクリックしてアップロードを完了します。
| 注:テーマのコードパッケージの合計サイズは10 MBを超えることはできません。 |
GitHubからテーマを追加する
テーマコードがGitHubにホストされている場合は、ファイルを手動でアップロードする代わりにリポジトリを直接接続できます。
GitHubからテーマを追加するには:
- SHOPLINE管理画面で、オンラインストア > デザイン に移動します。
-
テーマストア セクションで、テーマを追加 をクリックし、ドロップダウンから GitHubから追加 を選択します。
-
ドロップダウンから接続済みのGitHubアカウントを選択するか、+ アカウントを追加 をクリックして新しいGitHubアカウントを接続します。
テーマストアの管理
ストアからテーマを追加した後は、SHOPLINE管理画面の オンラインストア > デザイン > マイテーマ ページで管理できます。テーマは以下の2つのセクションに分類されます:
-
現在のテーマ: 現在公開されており、顧客に表示されているテーマです。現在のテーマとして公開できるのは1つだけです。
-
テーマストア: 追加したがまだ公開していないテーマの保管エリアです。ここに複数のテーマを保存して、以下のことができます:
- ライブのストアに影響を与えずに新しいデザインをテストする。
- 季節限定テーマ(例:ブラックフライデーやホリデーセール)を事前に準備する。
- サイトの以前のバージョンをバックアップする。
その他のオプションからテーマを管理する
ライブテーマでもテーマストア内のテーマでも、テーマの横にある 三点リーダーアイコン [...] をクリックすると、いくつかの管理ツールにアクセスできます:
- ストアを表示(ライブテーマのみ): 現在公開されているバージョンを確認するために、ライブのオンラインストアを新しいブラウザタブで開きます。
-
公開(テーマストアのみ): 選択したテーマをライブテーマとして設定します。公開されると、現在顧客に表示されているライブテーマが置き換えられます。
- コピー: 現在公開されているテーマの正確なコピーを作成します。クリックすると、コピーされたバージョンが自動的に下のテーマストアリストに表示されます。大幅なデザインやコードの変更を行う前に、これを強く推奨します。
- 名前変更: 管理画面内での管理を容易にするためにテーマの名前を変更します。この名前は顧客には表示されません。
-
テーマのコンテンツを編集する: 著作権表示やローカライズされたエラーメッセージなど、システムの文言をパーソナライズします。
注: デフォルトテキストのカスタマイズ方法の詳細については、当社の「ストアのデフォルトテキストのカスタマイズ」セクションを、「テーマエディターでストアをデザインする」ガイドでご参照ください。 -
コードの修正とダウンロード: 技術的な専門家向けに、SHOPLINEはテーマの基盤となる構造に直接アクセスしたりバックアップを取るためのツールを提供します。
- コードを修正: 高度な修正のためにテーマのHTML、CSS、JSONファイルへのアクセスを許可します。
- コードをダウンロード: テーマのソースコードのZIPファイルをローカルバックアップ用にダウンロードできます。確認後、管理アカウントに連携されたメールアドレスにダウンロードリンクが送信されます。
注:
- これらの技術的な修正の詳細な手順については、当社の「テーマコードのカスタマイズとダウンロード」セクションを、「テーマエディターでストアをデザインする」ガイドでご参照ください。
- テーマのコードパッケージの合計サイズは10MBを超えることはできません。同じ制限がテーマをアップロードでテーマを追加する場合にも適用されます。詳細は上記の「カスタムテーマのアップロード」セクションをご参照ください。
- 削除(テーマストアのみ):選択したテーマをテーマストアから完全に削除します。このオプションは、ライブテーマは削除できないため、ストア内のテーマにのみ利用可能です。
非公開テーマの使用と更新
テーマが非公開になると、テーマストアから削除され、マーチャントが閲覧や追加を行うことができなくなります。
すでにテーマをストアに追加している場合は、現在公開中のテーマであってもテーマライブラリに保存されているテーマであっても、通常通り使用を継続できます。
非公開テーマは今後の更新やメンテナンスを受ける可能性が低くなりますが、非公開にしてもバージョンアップデートの受け取り方法は変わりません。更新ルールはテーマのタイプによって異なります:
| テーマタイプ | 更新対応 | 更新方法 |
| マーチャントがアップロードしたテーマパッケージ | いいえ | バージョンアップデートは対応していません |
| SHOPLINE公式テーマ | はい | システムによって自動的に更新が適用されます |
| SHOPLINE公式テーマを基にカスタマイズしたテーマ | はい | 更新通知を受け取り、手動でテーマを更新できます |
| サードパーティ開発者のテーマ | はい | 更新通知を受け取り、手動でテーマを更新できます |
ストアのパフォーマンス監視
デザインページのライブテーマセクションの下で、ストアのアクセス速度評価を通じてパフォーマンスを監視できます。
レポートを見るをクリックすると、分析 > レポートが開き、画像やアプリなどの要素がストアの読み込み速度にどのように影響しているかの詳細を確認できます。
| 注: スコアが表示されない場合は、ページビュー数が不足している可能性があります。ストアが必要なトラフィック条件に達すると評価が生成されます。 |
次のステップ:ストアのデザイン
ストアのテーマを決定したら、ストアの構築を開始できます。テーマエディターでのストアのデザインと設定方法については、「テーマエディターでストアをデザインする」ガイドをご参照ください。
この記事はAIを使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。