テーマエディターでホームページをデザインする方法（OS 3.0 テーマ）

あなたのトップページは、顧客がオンラインストアを初めて訪れたときに最初に目にするメインのランディングページです。OS 3.0 テーマのテーマエディターでは、トップページはバナー、リッチテキスト、商品グリッドなどの個別のパーツで構成されており、これらを追加、削除、並べ替えて、望むレイアウトを作成できます。

このガイドでは、テーマエディターでのトップページへのアクセス方法、パーツの追加と配置、変更の保存と公開方法について説明します。

テーマエディターでトップページに移動する方法

テーマエディターでトップページを開くには：

1. SHOPLINE管理画面から、オンラインストア > デザインに移動し、編集したいOS 3.0 テーマのデザインボタンをクリックします。
2. 上部ツールバーで、ページセレクターにトップページが選択されていることを確認します。

パーツキャンバスとしてのトップページの理解

テーマエディターのトップページは、バナー、リッチテキスト、商品グリッドなどのパーツで構成されるキャンバスとして機能し、自由に追加、削除、並べ替えができます。ほとんどのテーマは、ヒーローバナーや紹介用リッチテキストパーツなどのデフォルトのパーツセットから始まり、これらは保持、修正、または置き換えることができます。

ヘッダーとフッターのエリアはトップページの横に表示され、ストア全体に適用されます。これらは「テーマエディターでのヘッダー＆フッターのデザイン（OS 3.0 テーマ）」で別途説明しています。トップページ自体に追加・配置するパーツはトップページのみに影響します。

トップページにパーツを追加・配置する

トップページにパーツを追加、配置、公開するには：

1. 左のサイドバーで、パーツを追加をクリックします。
2. 利用可能なパーツのリストを参照し、追加したいパーツを選択します。
3. パーツをクリックして設定パネルを開き、その内容を設定します。
4. 一部のパーツはパーツを追加をサポートしており、スライドショーに追加のスライドを挿入するなど、内部に追加のブロックを挿入できます。
5. サイドバー内でパーツをドラッグ＆ドロップして、ページ上の順序を変更します。
6. 保存をクリックして、変更をライブのストアフロントに影響を与えずにドラフトとして保存します。
7. 公開をクリックして、変更をすぐにライブのストアフロントに適用します。

よく使われるホームページのパーツとその設定場所

ホームページでは数十種類のパーツをサポートしていますが、特に商品を紹介し、顧客の関心を引くためによく使われるパーツがいくつかあります。このセクションでは、マーチャントが最も頻繁に使用するパーツと、それらのストアフロント全体のデザイン設定の場所を紹介します。

ホームページでの商品紹介

多くのマーチャントは、おすすめ商品カテゴリ、ユニークおすすめ商品、およびおすすめ商品パーツを使って、ホームページ上で顧客に商品を紹介しています。

• おすすめ商品カテゴリ：新着商品やベストセラーなど、特定のカテゴリを専用の商品グリッドで強調表示できます。タイトルと、複数のカテゴリを同時に紹介したい場合は任意のタブセットも付けられます。
• ユニークおすすめ商品：顧客に自動的に商品レコメンドを表示し、特定のカテゴリを手動でキュレーションしなくても関連商品を紹介できます。
• おすすめ商品：単一の商品を前面に押し出し、新商品の発売やベストセラーのスポットライトに最適です。商品画像と行動を促すボタンを組み合わせて表示します。

ホームページにインタラクティブな商品表示を追加する

ショッピング画像とショッピング動画：顧客がホームページを離れることなく、視覚的なコンテンツから直接商品を発見し購入できるようにします。

• ショッピング画像： 画像上に1つ以上の商品をクリック可能なホットスポットとしてタグ付けでき、顧客はトップページを離れることなく商品詳細を確認できます。
• ショッピング動画： 動画コンテンツでも同様に機能し、顧客は動画の横に表示される商品カードをクリックして詳細を確認したり、視聴中にカートに商品を追加したりできます。