プレビューインスペクターでのカスタマイズ

プレビューインスペクターを使用すると、プレビューウィンドウから直接セクションやブロックに移動し、対応する設定をより迅速かつ直感的に見つけることができます。プレビューインスペクターでは、プレビューウィンドウから直接、セクションやブロックの並べ替え、非表示、複製を行えます。

プレビューインスペクターは、すべての Shopify の無料テーマで利用でき、デフォルトで有効になっています。

プレビューインスペクターの有効化と無効化

編集セッション中に ボタンをクリックして、プレビューインスペクターのオンとオフを切り替えることができます。

プレビューインスペクターが有効になっている場合、アウトライン表示された任意の要素をクリックすると、対応する設定が開きます。モバイルデバイスでは、プレビューインスペクターが有効になっている場合に任意の要素をクリックすると、対応する設定が選択されます。その選択した設定からボトムシートを開き、編集を行うことができます。

プレビューウィンドウでウェブサイトの任意の部分をクリックすると、サイドバーに対応する設定が読み込まれます。モバイルデバイスでは、2回タップすると、お客様がサイトを閲覧する場合と同様に移動します。

プレビューインスペクターでセクションとブロックを追加する

プレビューインスペクターの使用中は、プレビューウィンドウから直接テーマにセクションやブロックを追加できます。Shopify アプリからプレビューインスペクターを使用するには、セクションを長押ししてセクションを管理します。

プレビューインスペクターの「セクションを追加」ボタンと「ブロックを追加」ボタンの説明。

ツール	説明
セクションを追加	「セクションを追加」ボタンは、選択したセクションの上部と下部に表示されます。「セクションを追加」ボタンをクリックすると、選択したセクションの上または下に新しいセクションを挿入できます。
ブロックを追加	既存のブロックにカーソルを合わせると、「ブロックを追加」ボタンが表示されます。ブロックを追加するには、 ボタンにカーソルを合わせます。ポップアップメニューに、選択したセクションに追加できるテーマブロックとアプリブロックが表示されます。追加するブロックをクリックします。新しいブロックの設定ウィンドウが右側のサイドバーに読み込まれます。

プレビューインスペクターのツール

プレビューインスペクターを使用すると、テーマエディタでセクションやブロックの移動、非表示、複製、削除を行うことができます。

セクションやブロックの移動、複製、非表示、削除など、利用可能なプレビューインスペクターのツールの一覧。

ツール	操作	説明
	前の位置に移動	プレビューインスペクターの矢印アイコンを使用して、セクションまたはブロックを次または前の位置に移動します。選択したセクションがページの一番上にある場合、 ボタンはグレー表示になります。同様に、セクションがページの一番下にある場合、 ボタンは使用できません。
	次の位置に移動
	セクションまたはブロックを複製	このボタンをクリックすると、セクションまたはブロックとそのコンテンツが複製されます。
	セクションまたはブロックを非表示にする	このボタンをクリックすると、セクションまたはブロックが非表示になります。セクションまたはブロックが非表示になっている場合、プレビューインスペクターから再表示することはできません。再表示するには、メニューバーの ボタンをクリックするか、サイドバーメニューでセクションまたはブロックの横にある ボタンをクリックします。
	セクションまたはブロックを削除	このボタンをクリックすると、プレビューインスペクターで選択したセクションまたはブロックが削除されます。