Shopifyトップページのセクション編集手順

Shopifyのトップページは、テーマが用意するセクションを追加・設定・並び替えして構成します。削除と非表示を区別し、見せたい情報と商品への導線から順番を決めます。利用できる部品はテーマや版によって異なります。

ホームのテンプレートを開く

管理画面のオンラインストアから対象テーマを編集し、ホームページを選びます。公開中か下書きか、変更が影響する範囲を確認します。構造一覧とプレビュー、設定の役割を把握し、画面の左右だけを頼りに操作しません。現在の配置と必要な内容を残してから変更します。

セクションを追加して内容を設定する

追加メニューから、画像や文章、コレクションなど必要な部品を選びます。見出し、画像、リンク、表示する対象を確認します。顧客の声やレビューの部品が全テーマにあるとは限らず、使う場合も実際の記録と掲載条件を確認します。見た目を埋めるための架空の感想は追加しません。

並び替えは情報の優先順位から考える

何を扱う店か、どの商品の詳細へ進めるか、購入前に何を確認すべきかを整理します。対応するドラッグ操作で移動し、移動後にプレビューを確認します。画像バナー、商品、ストーリー、声という順序は一例であり、全ての店で同じ順が最適とは限りません。

非表示・削除を目的に応じて選ぶ

後で使う部品は非表示を検討し、不要な部品は内容を残して削除します。必須のブロックや配置の制約により削除できない場合があります。非表示の企画を再表示するときは、価格、期間、リンク先を更新します。配置を消すことと商品自体を削除することを混同しません。

保存後はリンクと狭い画面を確認する

画像内の文字が切れていないか、見出しやボタンが読めるか、商品リンクが正しいかを確認します。下書きなら保存後に試験し、準備が整ってから公開します。公開中の編集では保存の影響に注意します。公開後も利用者が見るURLで主要な導線を再確認します。

導入前の確認事項

  • 対象がホームと正しいテーマになっているか
  • 各部品の表示対象とリンクを設定したか
  • 非表示と削除を区別したか
  • モバイルと公開後の表示を確認したか

公式資料・関連記事

関連記事:Shopifyテーマエディタの基本操作、Shopifyの画像・商品・ブログセクションの使い分け。

運用設計や確認項目の整理は、現在の業務と対象URLを添えて株式会社AOへご相談ください。

公式資料の確認日:2026年11月2日。記入例や手順は編集上の提案で、導入成果を保証するものではありません。

株式会社AO 吉川悠太

株式会社AO 吉川悠太

岡山県生まれ。一橋大学を卒業後、株式会社ツムラに入社。10年間、営業・Web集客・AI開発を経験。2024年、EC制作・集客の株式会社AOを創業。

ホームページ制作

Web制作・集客、AI活用の悩み、
まずはお気軽にご相談ください

無料相談はこちらから

コメント

この記事へのコメントはありません。

CAPTCHA


おすすめ記事

同じカテゴリーの記事

すべての記事

EXPLORE AO

サイト内の情報を探す