テーマの編集

テーマを編集して、オンラインストアのコンテンツ、レイアウト、タイポグラフィー、色をカスタマイズすることができます。各テーマには、コードを編集せずにストアの見た目と雰囲気を変更できるセクションおよび設定が用意されています。

テーマをカスタマイズする前に

テーマをカスタマイズする前に、以下のタスクを実行することをおすすめします。

  • テーマを複製してバックアップコピーを作成します。これにより、変更を破棄して、必要に応じて再度開始しやすくなります。
  • 利用可能なサポートのレベルを必ずご確認ください。
  • 画像アップロードの要件とベストプラクティスについて確認してください。

テーマエディタ

テーマエディタでは、現在サイドバーに表示されているテンプレートのすべてのコンテンツがツリービューで表示されます。展開アイコンを使用してセクションノードを展開しブロックを表示するか、折りたたみアイコンを使用してセクションノードを折りたたんでブロックを非表示にします。任意のセクションやブロックをクリックすると、その設定が表示されます。

セクションを展開したり折りたたんだりしてブロックを表示する

サイドバーモード

テーマエディタには、画面をフルに活用できる2つのモードが用意されています。

ダブルサイドバーモードは、幅の広いブラウザーのウィンドウと大画面用で、シングルサイドバーモードは、幅の狭いブラウザーのウィンドウと小画面用です。サイドバーモードによって、エディタ内の設定パネルの表示位置が決まります。

ダブルサイドバーモード

幅が1600ピクセル以上の画面で、ブラウザーのウィンドウが完全に展開されている場合、またはブラウザーのウィンドウが少なくとも幅1600ピクセルまで展開されている場合、2つのサイドバーが表示されます。左側のサイドバーにはメニューパネル、右側のサイドバーには設定パネルが表示されます。

ダブルサイドバーモードでは、設定パネルが画面の右側に表示されます

シングルサイドバーモード

幅の狭いブラウザーでは、テーマプレビューのスペースを確保するために、サイドバーを1つしか表示できません。セクションやブロックを編集するためにクリックすると、サイドバーのメニューパネル上部で設定パネルが開きます。

シングルサイドバーモードでは、設定パネルがメニューパネルのオーバーレイとして表示されます

セクションとブロック

セクションとブロックのリストでは、同一ページ上にあるセクションのすべてのブロックがデフォルトで表示されます。

ヘッダーやフッターを構成するセクションは、デフォルトでは折りたたまれていますが、セクション名の横にある展開アイコンをクリックすると、それらのセクションを表示できます。

セクションを削除する

各項目の設定画面で、テンプレートからセクションまたはブロックを削除できます。[セクションを削除] ボタンはセクション設定の下部に表示されます。

[セクションを削除] ボタンを使用してセクションを削除する

手順:

  1. テーマエディタのサイドバーで、削除するセクションまたはブロックをクリックします。
  2. [セクションを削除] または [ブロックを削除] をクリックします。
  3. [保存] をクリックします。公開済みのテーマを編集している場合、[公開] をクリックして変更を保存し、ストアで公開します。

ブロックを非表示にする

目のアイコンを使用して、セクションやブロックを非表示にできます。

[セクションを削除] ボタンを使用してセクションを削除する

テンプレート

テーマエディタのトップバーにあるページセレクターから、すべてのテーマのテンプレートにアクセスできます。

また、Online Store 2.0のテーマを使用している場合、[新しいテンプレート] オプションをクリックして、ページセレクターから直接新しいテンプレートを作成できるようになりました。

特定のリソースでテンプレートをプレビューする

テンプレートを表示しているときは、ストア内の互換性のあるリソースでテンプレートがどのように表示されるかを確認できます。たとえば、商品テンプレートを表示している場合、ストア内のどの商品でもテストすることができます。

手順:

  1. テーマエディタのページセレクターから、プレビューするテンプレートを選択します。
  2. メニューパネルの [プレビュー] セクションで、[変更] をクリックします。
  3. [選択] メニューから、プレビューするリソースを選択します。

操作を元に戻す、やり直す

[元に戻す] ボタンと [やり直す] ボタンは、テーマエディタの右上にあります。

テーマエディタのトップバーにある [元に戻す] ボタンと [やり直す] ボタン

ドキュメントを表示する、サポートを受ける、テーマバージョンを確認する

テーマのドキュメントとサポート情報へのリンクは、メニューバーの [詳細] メニューにあります。このメニューでは、テーマバージョンと作成者情報を確認することもできます。

[詳細] ボタンを使用して、テーマ情報にアクセスします。

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

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

カスタマイズに関するヘルプ

テーマの変更でお困りの場合は、テーマの開発者にサポートを依頼してください。

テーマのカスタマイズに関する他のサポートリソースを確認するには、「テーマサポートの追加リソース」を参照してください。

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

無料体験を試す