ヘルプセンターテーマのプレビュー

テーマの編集中に変更をプレビューできます。ブランド設定の変更内容を、特定のページテンプレートでプレビューしたり、特定のロールでプレビューすることができます。Guide Professionalを使用している場合は、テンプレートやロール別にコード編集をプレビューできます。

この記事では、次のトピックについて説明します。

• ブランド設定の編集中にテーマをプレビューする
• テーマコードの編集中にテーマをプレビューする（Guide ProfessionalおよびEnterprise）

ブランド設定の編集中にテーマをプレビューする

ブランド設定の変更内容を、特定のページテンプレートでプレビューしたり、特定のロールでプレビューすることができます。

ブランド設定の編集中にテーマをプレビューするには

1. Guideで、サイドバーにあるデザインをカスタマイズアイコン（）をクリックします。
2. 編集したいテーマで「カスタマイズ」をクリックします。

   

3. 色やフォント、ブランド、画像に変更を加えることができます。

   変更を加えると、ホームページテンプレートが自動的に更新されます。

4. 次の操作を行って、ほかのページまたはロールをプレビューします。
   • 「テンプレート」をクリックし、プレビューしたい別のテンプレートを選択します。
   • 「プレビューロール」をクリックし、プレビューしたい別のロールを選択します。

   

   メモ：コミュニティを無効にしている場合にもプレビューにはコミュニティが表示されるので、有効にしたときの状態を確認できます。

テーマコードの編集中にテーマをプレビューする（Guide ProfessionalおよびEnterprise）

Guide ProfessionalおよびEnterpriseを使用している場合は、テンプレートやロール別にコード編集をプレビューできます。

コードの編集中にテーマをプレビューするには

1. Guideで、サイドバーにあるデザインをカスタマイズアイコン（）をクリックします。
2. 編集したいテーマで「カスタマイズ」をクリックしてテーマを開きます。
   メモ：ライブテーマのコードを編集する場合は、最初にテーマをコピーし、コピーを編集することをお勧めします。プレビューを実行するには、その前に変更内容を保存する必要があります。そのため、コピーに編集を行い、完成してからライブにする方が安全です。

   

3. 「コードを編集」をクリックします。

   

4. コードを編集し、「保存」をクリックして変更を保存します。
   プレビューを実行するには、その前に変更を保存する必要があります。

   メモ：ライブテーマを編集している場合は、プレビューする前に「公開」をクリックして変更を有効にする必要があります。そうしたくない場合は、 テーマをコピーし、コピーを編集してください。
5. コードエディターで「プレビュー」をクリックします。

   

   新しいタブにプレビューが表示されます。

6. 通常のテーマと同じようにプレビューをナビゲートして、ヘルプセンター内のさまざまなページを表示します。
7. 次のいずれかの操作を行って、特定のページテンプレートまたはロールをプレビューすることができます。
   • 「テンプレート」をクリックし、プレビューしたい別のテンプレートを選択します。
   • 「プレビューロール」をクリックし、プレビューしたい別のロールを選択します。
8. 引き続きコードを編集し、変更を保存してから、それらの変更をプレビュータブで確認します。

   変更を保存するたびにプレビュー画面が更新され、最新の変更内容が反映されます。

9. プレビューを終えたら、左上にある「プレビューを閉じる」をクリックします。