セクション

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

テーマコンテンツはセクションを使用して作成されます。セクションは、オンラインストアのさまざまなページのレイアウトと外観を決定するカスタマイズ可能なコンテンツブロックです。

静的セクションは、オンラインストアの所定のロケーションに表示されるセクションです。これらのセクションを削除または再配置することはできません。静的セクションには、商品ページやコレクションページなどのページ上で、ヘッダー、フッター、ナビゲーションセクション、またはコンテンツセクションが含まれる場合があります。たとえば、商品セクションでは、オンラインストアの各商品ページの外観を決定します。

動的セクションはオプションセクションで、ホームページのレイアウトをカスタマイズするために使用することができます。ストアのホームページで、動的セクションを追加、再配置、また削除してページレイアウトを作成することができます。ホームページには最大25個の動的セクションを追加できます。

your theme独自のセクションの選択、およびビジネスに適したカスタマイズ方法を詳しく知ることができます。

ヒント: Shopifyの無料テーマを使用している場合は、Shopifyの無料のテーマをチェックして、使用中のテーマ名をクリックすることで、セクションと設定の詳細を確認できます。

有料テーマのセクションと設定の詳細については、テーマのドキュメントを参照してください。

静的セクションを編集する

静的セクションのコンテンツを編集することができます。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  3. ページ上部のドロップダウンメニューを開きます。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [テンプレート] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [テンプレート] をタップします。

  1. 編集するページのタイプを選択します。

    たとえば、商品、または商品ページセクションを編集する場合、ドロップダウンメニューから [商品ページ] を選択します。ヘッダーセクションとフッターセクションはオンラインストアの各ページに表示されるので、選択したページタイプにかかわらずこれらのセクションを編集することができます。テーマによっては、他のセクションがすべてのページで利用可能な場合があります。

  2. 編集するコンテンツが含まれるセクションをクリックします。

  3. 必要に応じて設定を編集します。

  4. [保存] をクリックします。

動的セクションを追加する

ホームページには最大25個の動的セクションを追加することができます。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。

  1. [セクションを追加する] をクリックします。

  2. 追加するセクションのタイプをクリックし、[選択] をクリックします。各テーマには、選択可能な固有のセクションがあります。

  3. サイドバーの設定を調整してセクションのコンテンツを変更します。

  4. [保存] をクリックします。

セクションに画像を追加すると、そのファイルは管理画面のファイルセクションに追加されます。アップロードした画像は、ストアの他のセクションやページで再利用できます。

動的セクションを再配置する

ホームページで動的セクションを再配置することができます。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  1. 移動するセクションで [⋮⋮] をクリックし、セクションを別の場所にドラッグします。
  2. [保存] をクリックします。

テーマエディタでセクションを移動する

動的セクションを非表示にする

オンラインストアに表示させないセクションを非表示にすることができます。完了していないセクションや公開する準備ができていないセクションを非表示にすることができます。たとえば、新商品のスライドショーを作成し、新商品の販売を開始する準備ができるまでセクションを非表示にしておくことができます。または、季節限定のディスカウントを宣伝するセクションを作成し、ディスカウントが有効になるまでセクションを非表示にしておくことができます。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  1. テーマエディタツールバーで、非表示にするセクションの目のアイコンをクリックします。

目のアイコンが強調表示されたテーマエディタツールバー

セクションを非表示にすると、目のアイコンにスラッシュが入ります。

非表示のセクションがあるテーマエディタツールバー

非表示のセクションを表示するには、目のアイコンを再度クリックします。

動的セクションを削除する

動的セクションからコンテンツを削除したり、ホームページから動的セクションを削除したりすることができます。この方法でコンテンツを削除すると、セクションのコンテンツは削除されますが、アカウントからは何も削除されません。セクションから商品やコレクションブロックを削除しても、その商品やコレクションは引き続き管理画面に存在します。セクション内の画像を削除しても、その画像を他のセクションに追加することはできます。

動的セクションからコンテンツを削除する

動的セクションからコンテンツを削除することができます。

手順:

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。

  1. 削除するコンテンツが含まれるセクションをクリックします。

  2. セクションに複数のコンテンツブロックが含まれている場合、削除するコンテンツを含むコンテンツブロックをクリックします。

  3. コンテンツブロックを削除せずにコンテンツを削除したり、セクションにコンテンツブロックがなかったりする場合、削除するコンテンツの下にある [削除] をクリックします。

  4. セクションからコンテンツブロックを削除する場合は、次の手順を実行します。

    1. クリック ⋯
    2. [[コンテンツ]の削除] をクリックします。[コンテンツ]は、削除するコンテンツのタイトル、またはコンテンツタイプ (コレクション、画像、ロゴなど) です。

  5. [保存] をクリックします。

動的セクションを削除する

  1. 管理画面から [オンラインストア] > [テーマ] の順に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。

  1. テーマエディタのサイドバーで、削除するセクションをクリックします。

  2. [⋯] をクリックします。

  3. [セクションを削除する] をクリックします。

  4. [保存] をクリックします。

変更を元に戻す、またはやり直す

[元に戻す] ボタンをクリックすると直近の変更を取り消し、[やり直す] ボタンをクリックすると取り消した変更をやり直します。[元に戻す] ボタンを2回以上クリックし続けると、操作を1つずつ元に戻すことができます。元に戻すボタンおよびやり直すボタンは、テーマエディタツールバーにあります。

テーマエディタツールバーにある [元に戻す] ボタンと [やり直す] ボタン

[元に戻す] ボタンをクリックすると、以下の変更を元に戻すことができます。

  • セクションの追加、順序変更、削除
  • [テーマ設定] タブでのカラー、フォント、およびその他の設定の適用
  • テーマスタイルをリセットする

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

無料体験を試す