1.17 Wie funktioniert der Vorlageneditor?

Support Wissensdatenbank

Du bist hier:

Vorlageneditor

Wenn du mit HTML und CSS vertraut bist, dann kannst du Änderungen von Details deiner Website mit dem Vorlagen-Editor vornehmen. (Für erfahrene Entwickler)

 

Entwickler-Funktion

Der Vorlagen-Editor ist ein Entwickler-Feature und erfordert einige grundlegende Front-End-Entwicklung-Kenntnisse.

 

Zugriff auf den Vorlageneditor

1. Klicke auf Entwickler

Entwickler-Symbol

 

1. Übernimm die Nutzungsbedingungen und klicke auf Weiter

Entwicklerbestätigung

 

Vorlage bearbeiten

  1. Klicke auf eine Datei, die du in der Seitenleiste bearbeiten möchtest
  2. Anschliessend beginne mit der Bearbeitung des Codes im Hauptfenster
  3. Und dann klicke in der rechten oberen Ecke auf Speichern, um deine Änderungen zu speichern
Vorlageneditor

 

Änderungen werden automatisch gespeichert

Änderungen an deiner Vorlage im Entwickler-Modus werden auf deiner Website angewendet, wenn du sie speicherst. Sobald sie gespeichert sind, kannst du die Updates anzeigen, indem du auf die Schaltfläche Vorschau klickst. Es besteht keine Notwendigkeit, die Vorlage erneut anzuwenden, um die Updates zu sehen.

Dateien, die geändert wurden, aber nicht gespeichert wurden, sind mit einem Sternchen markiert.

Geöffnete Datei

 

Vorlage bearbeiten

Wenn du eine Vorlage aus der Vorlagenauswahl bearbeitest, bearbeitest du eine Kopie dieser Vorlage. Wenn du zurück zu einer Originalvorlage zurückkehren möchtest, kehre zum Vorlagenauswahlpunkt zurück und wählen eine Vorlage aus der Liste aus.

 

Speichern und Tastaturkürzel

Du kannst entweder mit der Schaltfläche Speichern im Editor oder mit der Tastenkombination Cmd + S (Mac) / Strg + S speichern.

 

Hochladen / Herunterladen von Vorlagen

Du kannst Vorlagen von GitHub oder als ZIP-Datei herunterladen oder von deinem  Computer hochladen. Um eine Vorlage hochzuladen oder herunterzuladen, klicke auf die Schaltfläche Mehr () in der rechten oberen Ecke.

Vorlagenoptionen

Hochladen und Hinzufügen von Dateien

Dateien und Bilder können zu deiner Vorlage hinzugefügt werden, indem du sie in die Baumansicht oder in das Hauptbearbeitungsfeld ziehst. Du kannst sie auch direkt im Ordner hinzufügen, indem du den Mauszeiger über dem gewünschten Ordner platzierst, um ihn zu öffnen und die Datei im Ordner löschst.

Datei öffnen

 

Dateien können auch hochgeladen oder erstellt werden, indem du auf die Schaltfläche + am oberen Rand der Baumansicht klickst.

Verzeichnisse die auf diese Weise hinzugefügt werden, werden auf der obersten Ebene und nicht in einem anderen Ordner hinzugefügt.

Datei- und Ordneroptionen

 

Um eine Datei oder einen Ordner zu einem bestimmten Ordner hinzuzufügen, klicke mit der rechten Maustaste auf den Zielordner und füge sie aus dem Menü hinzu.

Ordneroptionen

 

Tabbed Bearbeitung

Klicke auf eine Datei, um sie zu öffnen. Wenn du auf eine andere Datei klickst, wird sie auf einer neuen Registerkarte im Editor geöffnet.

Vorlagen-Editor-Registerkarten

 

Vorlagenvorschau

Zeige Änderungen jederzeit mit der Schaltfläche Vorschau an. Dies zeigt die Website im Vollbild mit allen Änderungen, die gemacht wurden.

Vorschau-Taste

 

Dateioptionen

Mit Klick der rechten Maustaste auf Dateien und Ordnern werden ein paar verschiedene Optionen angeboten. Diese beinhalten:

  • Umbenennen – Ändere den Namen der Datei oder des Ordners
  • Löschen – Lösche die Datei oder den Ordner. Beachte, dass einige Core-Template-Dateien nicht gelöscht werden können
  • Pfad – Pfad der Datei oder des Ordners anzeigen
Dateioptionen

 

 

Related Post