Anzeigen einer Vorschau des Help-Center-Designs

Sie können eine Vorschau der vorgenommenen Änderungen anzeigen, während Sie am Design arbeiten. In der Vorschau können Sie die markenspezifischen Änderungen für bestimmte Seitenvorlagen und Rollen überprüfen.

Hinweis: Bei Verwendung von Guide Professional können Sie auch Codeänderungen nach Vorlage oder Rolle anzeigen.

Dieser Beitrag enthält die folgenden Abschnitte:

• Vorschau des Designs beim Aktualisieren des Brandings
• Vorschau des Designs beim Bearbeiten des Codes

Vorschau des Designs beim Aktualisieren des Brandings

In der Vorschau können Sie die markenspezifischen Änderungen für bestimmte Seitenvorlagen und Rollen überprüfen.

So zeigen Sie eine Vorschau des Designs an, während Sie das Branding aktualisieren

1. Klicken Sie in der Seitenleiste von Guide auf das Symbol Erscheinungsbild anpassen ().
2. Klicken Sie neben dem gewünschten Design auf Anpassen.

   

3. Sie können Änderungen an Farben, Schriftarten, Marken oder Bildern vornehmen.

   Die Homepage-Vorlage wird automatisch aktualisiert.

4. Führen Sie einen der folgenden Schritte durch, um eine Vorschau einer anderen Vorlage bzw. für eine andere Rolle anzuzeigen:
   • Klicken Sie auf Vorlagen und wählen Sie dann eine andere Vorlage für die Vorschau aus.
   • Klicken Sie auf Rolle in Vorschau und wählen Sie dann eine andere Rolle für die Vorschau aus.

   

   Hinweis: In der Vorschau ist die Community zu sehen, auch wenn Sie sie deaktiviert haben. Auf diese Weise sehen Sie, wie die Community aussieht, wenn sie aktiviert ist. Eine Vorschau der Vorlagenänderungen für ein Benutzersegment ist nicht möglich. Sie können aber die Identität eines Endbenutzers annehmen und die Designänderungen auf diese Weise überprüfen.

Vorschau des Designs beim Bearbeiten des Codes

Sie können Codeänderungen nach Vorlage oder Rolle anzeigen (Guide Professional und Enterprise erforderlich).

So zeigen Sie eine Vorschau Ihres Designs an, während Sie den Code bearbeiten

1. Klicken Sie in der Seitenleiste von Guide auf das Symbol Erscheinungsbild anpassen ().
2. Klicken Sie neben dem gewünschten Design auf Anpassen, um es zu öffnen.
   Hinweis: Wenn Sie das Live-Design bearbeiten möchten, empfiehlt es sich, das Design zuerst zu kopieren und dann die kopierte Version zu bearbeiten. Sie müssen die vorgenommenen Änderungen speichern, bevor Sie sie in der Vorschau sehen. Deshalb ist es sicherer, mit einer Kopie zu arbeiten und diese dann zum Live-Design zu machen, wenn Sie mit dem Erscheinungsbild zufrieden sind.

   

3. Klicken Sie auf Code bearbeiten.

   

4. Nehmen Sie eine Codeänderung vor und klicken Sie dann auf Speichern, um die Änderung zu speichern.
   Sie müssen die Änderungen speichern, bevor Sie sie in der Vorschau sehen.

   Hinweis: Wenn Sie ein Live-Design bearbeiten, müssen Sie auf Veröffentlichen klicken und die Änderungen live vornehmen, um sie in der Vorschau anzuzeigen. Wenn Sie das nicht tun möchten, kopieren Sie das Design und bearbeiten Sie die kopierte Version.
5. Klicken Sie im Codeeditor auf Vorschau.

   

   Die Vorschau erscheint in einer neuen Registerkarte.

6. Navigieren Sie in der Vorschau wie auch sonst im Help Center, um andere Seiten zu sehen.
7. Führen Sie einen der folgenden Schritte durch, um eine Vorschau für eine andere Seitenvorlage oder Rolle anzuzeigen:
   • Klicken Sie auf Vorlagen und wählen Sie dann eine andere Vorlage für die Vorschau aus.
   • Klicken Sie auf Rolle in Vorschau und wählen Sie dann eine andere Rolle für die Vorschau aus.
8. Nehmen Sie weitere Änderungen vor, speichern Sie sie und wechseln Sie dann zur Registerkarte „Vorschau“, um ihre Auswirkung zu sehen.

   Wenn Sie Änderungen speichern, wird die Vorschau automatisch aktualisiert.

9. Klicken Sie oben links in der Vorschau auf Vorschau schließen, wenn Sie fertig sind.