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管理画面のオンラインストア > デザイン > マイテーマページで管理できます。テーマは以下の2つのセクションに分類されます:
-
現在のテーマ: 現在公開されており、顧客に表示されているテーマです。現在のテーマとして公開できるのは1つだけです。
-
テーマライブラリ: 追加したがまだ公開していないテーマの保管エリアです。ここに複数のテーマを保存して、以下のことができます:
- ライブストアに影響を与えずに新しいデザインをテストする。
- 季節限定テーマ(例:ブラックフライデーやホリデーセール)を事前に準備する。
- サイトの以前のバージョンをバックアップする。
その他のオプションからテーマを管理する
ライブテーマでもライブラリ内のテーマでも、テーマの横にある三点リーダーアイコン [...]をクリックすると、いくつかの管理ツールにアクセスできます。
- ストアを表示(ライブテーマのみ): 現在公開されているバージョンを確認するために、ライブのオンラインストアを新しいブラウザタブで開きます。
-
公開(テーマストアのみ): 選択したテーマをライブテーマとして設定します。公開されると、現在顧客に表示されているライブテーマが置き換えられます。
- コピー: 現在公開されているテーマの正確なコピーを作成します。クリックすると、コピーされたバージョンが自動的に下のテーマストアリストに表示されます。大幅なデザインやコードの変更を行う前に、これを強くお勧めします。
- 名前を変更: 管理画面内での管理を容易にするためにテーマの名前を変更します。この名前は顧客には表示されません。
-
テーマのコンテンツを編集する: 著作権表示やローカライズされたエラーメッセージなど、システムの文言をパーソナライズします。
注: デフォルトテキストのカスタマイズ方法の詳細については、当社の「ストアのデフォルトテキストをカスタマイズする」セクションを含む「テーマエディターでストアをデザインする」ガイドをご参照ください。 -
コードを修正&ダウンロード: 技術的な専門家向けに、SHOPLINEはテーマの基盤となる構造に直接アクセスしたりバックアップを取るためのツールを提供します。
- コードを修正: 高度な修正のためにテーマのHTML、CSS、JSONファイルへのアクセスを許可します。
-
コードをダウンロード: テーマのソースコードのZIPファイルをローカルにバックアップ用としてダウンロードできます。確認後、管理アカウントに連携されたメールアドレスにダウンロードリンクが送信されます。
注: これらの技術的な修正方法の詳細については、当社の「テーマコードのカスタマイズとダウンロード」セクションを含む「テーマエディターでストアをデザインする」ガイドをご参照ください。
- 削除(テーマストアのみ): 選択したテーマをテーマストアから完全に削除します。このオプションはライブラリ内のテーマにのみ利用可能であり、ライブテーマは削除できません。
ストアのパフォーマンス監視
デザインページのライブテーマセクションの下で、アクセス速度評価を通じてストアのパフォーマンスを監視できます。
レポートを見るをクリックすると、分析 > レポートが開き、画像やアプリなどの要素がストアの読み込み速度にどのように影響しているかの詳細な内訳を確認できます。
| 注: スコアが表示されない場合は、ページビュー数が不足している可能性があります。ストアが必要なトラフィック条件に達すると評価が生成されます。 |
次のステップ:ストアのデザイン
ストアのテーマを決定した後、ストアの構築を開始できます。テーマエディターでのストアのデザインと設定方法については、「テーマエディターでストアをデザインする」ガイドをご参照ください。
この記事はAIを使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。