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

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

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

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

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

ブランド設定の変更内容を特定のページテンプレートや特定のロールでプレビューできます。

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

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

   

3. 必要に応じて、ブランド、画像に変更を加えます。

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

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

   

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

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

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

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

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

   

3. オプションメニューをクリックし、「コードを編集」を選択します。

   

4. コードを編集し、「保存」をクリックして変更を保存します。

   プレビューを実行するには、その前に変更を保存する必要があります。

5. コードエディターで「プレビュー」をクリックします。

   

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

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

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