公開中のストアを壊さずに Shopify テーマを編集する方法。まず複製し、テーマエディターでセクションとブロックを使い、コードはバックアップを取ってから触ります。
まずテーマを複製してバックアップを用意し、そのコピーをテーマエディターで開いて、コードを使わずにセクション、ブロック、テーマ設定を変更します。プレビューで確認し、問題がなければ公開します。［コードを編集］はエディターでできない変更にだけ使い、ファイルを変更する前には必ずコピーを取りましょう。
Shopify テーマを変更する方法（安全な順）
Shopify のテーマエディターを使えば、コードに触れずにストアを組み替えられます。ほとんどのストアオーナーにはそれで十分です。下のチェックリストを順番に進めてください。各ステップで安全なコピーを残すので、変更に失敗しても失うのは週末ではなく1分で済みます。
公開中のテーマへの編集は、保存した時点で反映されます。公開していない複製を編集しても、そのコピーを公開するまでお客様には何も変わりません。
セクションは、スライドショーやおすすめコレクションなど、ページの全幅を占める部分です。ブロックは、見出し、ボタン、画像など、その中にある小さな要素です。
コードエディターで、ファイルのタイムライン表示から古いバージョンを復元できます。Shopify によると、タイムラインの履歴には限りがあり、復元するとファイル全体が置き換えられるため、残したい部分は先にコピーしておきましょう。
Shopify が作ったテーマについては、サポートが特定の定型的なカスタマイズを手伝ってくれる場合がありますが、カスタムコードは書いてくれません。有料テーマならその開発者に相談するか、カスタム作業には Shopify パートナーを雇いましょう。
Basic、Grow、Advanced プランのストアでは、最大20個のテーマを保持できます。上限に達した場合は、別のテーマを複製する前に1つ削除する必要があります。
最近のテーマでは、各ページの種類が JSON テンプレートになっています。セクションの一覧、その設定、その順番です。ドラッグして配置を変えるとテーマエディターがこのファイルを書き込むため、手で編集する必要はほとんどありません。
sections オブジェクトには各セクションとその設定が入っており、order は Shopify が上から順にレンダリングするリストです。
{v}ステップ中{n}ステップ完了
最初からやり直す
すべてのステップが完了しました。必要なら、以前のテーマはまだライブラリにあります。
［オンラインストア］から公開中のテーマを複製する
見分けがつくようにコピーの名前を変更する
［カスタマイズ］でコピーを開く
テーマ設定で色、フォント、ボタンを設定する
セクションとブロックを追加、非表示、並べ替えする
スマートフォンとコンピューターでプレビューする
コピーを公開する
無料で始める · クレジットカード不要