テーマエディタの基本操作
テーマエディタでセクション・設定・テンプレートを操作し、保存と公開の違いを理解して編集できる
最終確認: 2026-09
解説
受託の現場でなぜ必要か： この回では、テーマエディタ（コードを書かずに見た目を変える画面）の構成と、「保存」の意味を説明できるようになります。
受託では、納品後にクライアント（依頼主）が触るのがこの画面なので、「触ってよい範囲」を決めて引き渡します。
テーマエディタの画面はどう分かれているか
左にセクションとブロックのツリー、中央にプレビュー、右に選択中の要素の設定が並びます。
上部でテンプレート（ホーム・商品・コレクションなど）と、デバイス幅を切り替えます。
上部には、元に戻す／やり直す／保存もあります。
テーマ設定とセクションの設定は、効く範囲が違う
左下の歯車から開くのがテーマ設定です。
色・タイポグラフィ・レイアウト・ボタンの形・カートの形式など、テーマ全体に効く設定を変えます。
セクションの設定は「その場所だけ」、テーマ設定は「全体」と覚えます。
商品テンプレートの変更は、そのテンプレートを使う全商品に反映されます。
特定の商品だけ変えるには、カスタムテンプレートを作って割り当てます。
保存と公開は別のもの
保存は「そのテーマ」への変更です。
公開中のテーマなら、保存した瞬間にストアへ反映されます。
ライブラリのテーマなら、プレビューでしか見えません。
だから作業は複製（ライブラリ側）で行います。
触ってよい範囲を決めて渡す
「見出しの文言と画像は変えてよい」「セクションの追加削除は相談してから」のように、引き渡し時に範囲を伝えます。
範囲を決めないと、崩れたときに責任が曖昧になります。
そのためには、自分がこの画面の構造と保存の意味を正確に知っている必要があります。
公式ドキュメント
※ ShopifyはShopify Inc.の商標です。本サイトは個人が制作した非公式の学習教材であり、同社の承認・提携・後援を受けていません。記載内容は2026-09時点のものです。料金・上限値・管理画面のラベルは変わるため、作業の前に公式ドキュメントで確認してください。