Eine der wichtigsten Designfunktionen in Guide ist die Möglichkeit, Designs zu importieren, herunterzuladen und lokal zu bearbeiten. Wenn Sie größere Änderungen an einem Design vornehmen oder ein eigenes Design erstellen möchten, bietet sich dieser optimierte Workflow an.
Der Workflow zum Erstellen eines neuen Designs bzw. zum Aktualisieren eines vorhandenen Designs auf Ihrem lokalen System sieht wie folgt aus:
- Starten eines neuen Designs durch Hinzufügen des Designs „Copenhagen“ oder Duplizieren eines vorhandenen Designs.
- Herunterladen des Designs für die Offline-Bearbeitung.
- Lokales Bearbeiten des Designs mit Ihren eigenen Entwicklungstools.
- Importieren des Designs in Guide.
- Veröffentlichen des neuen Designs.
- Vornehmen weiterer Aktualisierungen.
Starten eines neuen Designs
Wenn Sie ein neues Design erstellen möchten, empfiehlt es sich, eine neue Version des Standarddesigns „Copenhagen“ als Ausgangspunkt zu verwenden. Fügen Sie hierzu einfach ein neues Design in Guide hinzu. Dadurch wird eine saubere Kopie von „Copenhagen“ zur Seite „Design“ hinzugefügt. Sie können auch eine saubere Version des Designs aus dem Open-Source-Repository „Copenhagen“ auf GitHub herunterladen.
Viele Entwickler bevorzugen es, ein vorhandenes Design als Ausgangspunkt zu verwenden und dort die gewünschten Änderungen vorzunehmen, um ein angepasstes Design zu erstellen. Wenn Sie die im vorhandenen Design verwendeten Stile zum größten Teil beibehalten möchten, ist es sinnvoll, das Design zu duplizieren und dann wie erforderlich anzupassen.
Wenn Sie ein neues Design erstellen möchten, das auf einer sauberen Kopie des Standarddesigns „Copenhagen“ oder einem vorhandenen Design basiert, lesen Sie den Beitrag Hinzufügen eines Help-Center-Designs zu Guide.
Herunterladen des Designs
Jetzt sind Sie bereit, Ihr Design von Guide herunterzuladen. Ein Design wird als ZIP-Archiv mit Vorlagen, JavaScript, CSS und Assets heruntergeladen, damit Sie es außerhalb von Guide auf Ihrem lokalen System mit Ihren eigenen Entwicklungstools bearbeiten können.
Wie Sie Ihr Design herunterladen, erfahren Sie unter Herunterladen eines Help-Center-Designs.
Lokales Bearbeiten des Designs
Jetzt können Sie das Design auf Ihrem lokalen System mit Ihren eigenen Entwicklungstools bearbeiten.
Damit Sie nicht jedes Mal, wenn Sie eine Vorschau der Änderungen sehen möchten, die Dateien komprimieren und in Guide importieren müssen, können Sie eine lokale Vorschau in einem Webbrowser anzeigen. Informationen zum Einrichten der lokalen Designvorschau finden Sie unter Lokale Vorschau der Designänderungen.
Nach der Einrichtung können Sie die Änderungen lokal in der Vorschau anzeigen, indem Sie die Dateien, an denen Sie arbeiten, speichern. Dabei wird das Design im Browser automatisch neu geladen. Auf diese Weise können Sie iterativ arbeiten, Änderungen an Vorlagen, CSS, JavaScript und Assets vornehmen und die Ergebnisse Ihrer Arbeit in der Vorschau anzeigen.
Wenn Sie ein Design auf Ihr lokales System herunterladen, sollten Sie die zugehörigen Dateien in ein Versionskontrollsystem wie Git, Mercurial, SVN einchecken.
Außerdem kann Ihr Team ein Design in GitHub gemeinsam entwickeln und pflegen und dann von GitHub aus in Guide veröffentlichen. Weitere Informationen finden Sie unter Einrichten der GitHub-Integration mit Ihrem Guide-Design.
Importieren des Designs
Nachdem Sie das Design auf Ihrem lokalen System fertiggestellt haben, komprimieren Sie das Verzeichnis „theme“ in einem ZIP-Archiv und importieren Sie dieses in Guide. Ziehen Sie hierzu die Datei auf die Seite „Designs“ oder verwenden Sie die Option „Importieren“.
Dadurch wird das Design als neues angepasstes Design importiert. In Guide können Sie jetzt das Design in der Vorschau anzeigen. Andere Benutzer in Ihrem Team können das Design ebenfalls sehen.
Eine Anleitung zum Importieren eines Designs finden Sie unter Importieren eines Help-Center-Designs.
Wenn Sie eine Integration mit GitHub eingerichtet haben, können Sie Ihr Design von GitHub aus aktualisieren. Sie brauchen also kein separates ZIP-Archiv zu erstellen und zu importieren. Weitere Informationen finden Sie unter Aktualisieren Ihres in GitHub verwalteten Designs in Guide.
Sie können auch mit der Themes API Ihre eigene Integration erstellen, um Designs in Guide zu importieren und zu aktualisieren. Weitere Informationen finden Sie in der Dokumentation für Zendesk-Entwickler unter Theme Import Workflow und Theme Update Workflow (Englisch).
Veröffentlichen des neuen Designs
Um das neue Design zu veröffentlichen, klicken Sie einfach im Menü „Designs“ auf die Option „Veröffentlichen“.
Vornehmen weiterer Aktualisierungen.
Wenn Sie ein Versionskontrollsystem wie Git oder Mercurial verwenden, nehmen Sie Änderungen weiterhin nicht in Guide, sondern lokal vor. Überprüfen Sie Ihre Änderungen und importieren Sie das Design anschließend wieder in Guide. Wenn Sie Ihr Design versehentlich in Guide geändert haben, laden Sie das aktualisierte Design herunter und checken Sie die Änderungen in Ihr Versionskontrollsystem ein.