セクション

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

テーマコンテンツはセクションを使用して作成されます。セクションは、オンラインストアのさまざまなページのレイアウトと見た目を左右するカスタマイズ可能なコンテンツブロックです。アップデートされたテーマエディタを使用して、セクションを追加、削除、編集、カスタマイズできます。

Shopifyのテーマには、以下のようなセクションがあります。

  • 静的セクションは、オンラインストアの所定の位置に表示されるセクションです。これらのセクションを削除または再配置することはできません。静的セクションには、商品ページやコレクションページなどのページ上に配置されているヘッダー、フッター、メニューセクション、またはコンテンツセクションなどがあり、[商品] セクションはその一例です。[商品] セクションの内容は、オンラインストアの各商品ページの見た目を左右します。
  • 動的セクションは任意のセクションで、ホームページのレイアウトをカスタマイズするために使用することができます。ストアのホームページで、動的セクションを追加、再配置、削除して、ページレイアウトを作成することができます。ホームページに最多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. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  1. Shopifyアプリから [ストア] をタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。

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

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

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

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

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

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

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

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

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

無料体験を試す