テーマの編集中に変更をプレビューできます。ブランド設定の変更内容を、特定のページテンプレートでプレビューしたり、特定のロールでプレビューすることができます。Guide Professionalを使用している場合は、テンプレートやロール別にコード編集をプレビューすることもできます。
メモ：テーマをプレビューする際、機能によっては動作しないものがあるかもしれません。プレビュー機能は、変更内容のルック&フィールを表示することを意図していますが、インタラクティブなテーマ機能をエンドツーエンドでテストするようには意図されていません。エンドツーエンドのテストにはサンドボックスを使用することをお勧めします。
この記事では、次のトピックについて説明します。
ブランド設定の編集中にテーマをプレビューする
ブランド設定の変更内容を、特定のページテンプレートでプレビューしたり、特定のロールでプレビューすることができます。
ブランド設定の編集中にテーマをプレビューするには
- Guideで、サイドバーにあるデザインをカスタマイズアイコン（
）をクリックします。 - 編集したいテーマで「カスタマイズ」をクリックします。
- 色やフォント、ブランド、画像に変更を加えることができます。
変更を加えると、ホームページテンプレートが自動的に更新されます。
- 次の操作を行って、ほかのページまたはロールをプレビューします。
- 「テンプレート」をクリックし、プレビューしたい別のテンプレートを選択します。
- 「プレビューロール」をクリックし、プレビューしたい別のロールを選択します。
メモ：コミュニティを無効にしている場合にもプレビューにはコミュニティが表示されるので、コミュニティを有効にしたときの状態を確認できます。ユーザーセグメントとしてテンプレートの変更内容をプレビューすることはできません。ただし、エンドユーザーの代理ログインを行うことで、テーマの変更内容をプレビューすることはできます。
テーマコードの編集中にテーマをプレビューする
テンプレートやロール別にコード編集をプレビューできます（Guide ProfessionalまたはEnterpriseが必要）。
コードの編集中にテーマをプレビューするには
- Guideで、サイドバーにあるデザインをカスタマイズアイコン（）をクリックします。
- 編集したいテーマで「カスタマイズ」をクリックしてテーマを開きます。
メモ：ライブテーマを編集する場合は、まずテーマをコピーし、そのコピーバージョンを編集します。プレビューを実行するには、その前に変更内容を保存する必要があります。そのため、コピーに編集を行い、完成してからライブにする方が安全です。
- 「コードを編集」をクリックします。
- コードを編集し、「保存」をクリックして変更を保存します。
プレビューを実行するには、その前に変更を保存する必要があります。メモ：ライブテーマを編集している場合は、プレビューする前に「公開」をクリックして変更を有効にする必要があります。そうしたくない場合は、 テーマをコピーし、コピーを編集してください。
- コードエディタで「プレビュー」をクリックします。
新しいタブにプレビューが表示されます。
- 通常のテーマと同じようにプレビューをナビゲートして、ヘルプセンター内のさまざまなページを表示します。
- 次のいずれかの操作を行って、特定のページテンプレートまたはロールをプレビューすることができます。
- 「テンプレート」をクリックし、プレビューしたい別のテンプレートを選択します。
- 「プレビューロール」をクリックし、プレビューしたい別のロールを選択します。
- 引き続きコードを編集し、変更を保存してから、それらの変更をプレビュータブで確認します。
変更を保存するたびにプレビュー画面が更新され、最新の変更内容が反映されます。
- プレビューを終えたら、左上にある「プレビューを閉じる」をクリックします。