Anleitungen/Website bearbeiten/Editor/Template-Teile

Template-Teile

Das Layout setzt sich aus Template-Teilen zusammen, die in verschiedenen Bereichen deiner Website wiederverwendet werden können. Header und Footer der Website sind gängige Template-Teile, die normalerweise in deinem Theme enthalten sind. In diesem Ratgeber erfährst du, wie du die Template-Teile auf deiner Website erstellen und handhaben kannst.

Informationen zu Template-Teilen

Wenn deine Website ein Theme verwendet, das den Website-Editor unterstützt, kannst du Template-Teile verwenden. Um schnell festzustellen, ob deine Website den Website-Editor verwendet, sieh in deinem Dashboard unter Design nach. Wenn dir hier der Editor angezeigt wird, kannst du auf die Template-Teile deiner Website zugreifen. Gehe dazu wie folgt vor:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor, um den Website-Editor zu öffnen.
  3. Klicke auf die Menüoption Vorlagen.
  4. Unter dem Header „Alle Template-Teile“ findest du Template-Teil-Gruppen (z. B. Header, Footer und Allgemein).

Sieh dir das Video unten an, um zu erfahren, wie du auf Template-Teile zugreifen kannst. Verlangsame oder beschleunige das Video mit den Bedienelementen in der unteren rechten Ecke, nachdem du auf den Button „Abspielen“ geklickt hast.

Ähnlich wie bei Vorlagen in deinen Seiten und Beiträgen können Template-Teile in allen deinen Templates wiederverwendet werden. Wenn du etwas innerhalb eines Template-Teils bearbeitest, werden deine Änderungen überall dort auf deiner Website aktualisiert, wo dieser Template-Teil verwendet wird.

Template-Teile können nur für Templates verwendet werden. Wenn du einen Template-Teil hinzufügst und die Meldung erhältst, dass der Block „Template-Teil“ nicht eingefügt wird, stelle sicher, dass du keine Seiten- oder Beitragsinhalte bearbeitest. Weitere Informationen zum Bearbeiten von Templates.

Dein Theme kann mehr als einen Header- oder Footer-Template-Teil enthalten. Es kann z. B. einen Header speziell für deine Startseite und eine andere Version des Headers für andere Seiten geben.

Bearbeiten eines bestehenden Template-Teils

Wenn du ein Theme auf deiner Website aktivierst, sind mehrere Template-Teile enthalten, die du nach Bedarf anpassen kannst. Führe diese Schritte aus, um einen bestehenden Template-Teil zu bearbeiten:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor, um den Website-Editor zu öffnen.
  3. Klicke auf Vorlagen und dann auf Alle Template-Teile.
  4. Klicke auf den Namen des Template-Teils und dann auf den Bearbeitungsbereich auf der rechten Seite, um die Benutzeroberfläche des Editors zu öffnen.
  5. Klicke auf einen beliebigen Block im Template-Teil, um ihn zu bearbeiten, oder füge einen neuen Block hinzu, indem du auf das Icon + Block-Inserter klickst. (Hier erfährst du, wie du den WordPress-Editor verwendest.)
    • Tipp: Verwende die Listenansicht, indem du oben auf dem Bildschirm auf das Icon mit den drei horizontalen Linien klickst. Das ist hilfreich, wenn du eine Liste aller Blöcke in deinem Template-Teil haben willst, um zu sehen, wie alles angeordnet ist.In der Listenansicht kannst du Blöcke verschieben, entfernen und hinzufügen.
    • Tipp: Wenn du dir nicht sicher bist, wie du Template-Teile wie Header oder Footer gestalten möchtest, durchsuche die Block-Vorlagen, um eines unserer vorgefertigten Designs zu verwenden.
  6. Wenn du deine Änderungen abgeschlossen hast, klicke auf den Button Speichern. Deine Änderungen werden auf der Website überall dort angezeigt, wo der Template-Teil verwendet wird.

Sieh dir das Video unten an, um zu erfahren, wie du Template-Teile bearbeitest. Verlangsame oder beschleunige das Video mit den Bedienelementen in der unteren rechten Ecke, nachdem du auf den Button „Abspielen“ geklickt hast.

Erstellen eines neuen Template-Teils

Du kannst einen neuen Template-Teil erstellen, um ihn auf deiner gesamten Website wiederzuverwenden. Oft wird ein neuer Template-Teil erstellt, um eine andere Version des Headers oder Footers zu erstellen, die auf bestimmten Seiten angezeigt werden soll.

Es gibt drei Methoden, um einen Template-Teil zu erstellen:

Aus Vorlagen

So erstellst du einen neuen Template-Teil im Editor im Abschnitt Vorlagen:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor, um den Website-Editor zu öffnen.
  3. Klicke auf Vorlagen.
  4. Klicke auf den Button Neue Vorlage hinzufügen auf der rechten Seite.
  5. Wähle im Dropdown-Menü Neues Template-Teil hinzufügen aus.
    • Gib einen kurzen Namen für deinen neuen Template-Teil ein, der beschreibt, wofür er verwendet wird.
    • Wähle einen Bereich deiner Website für deinen neuen Template-Teil aus: Allgemein, Header oder Footer.
    • Klicke auf den Button Erstellen.
  6. Klicke auf das Icon + Block-Inserter, um alle Blöcke oder Vorlagen einzufügen, die du in deinem Template-Teil haben möchtest.
  7. Wenn du dein Design fertiggestellt hast, klicke auf den Button Speichern.

Der neue Template-Teil kann jetzt in Templates eingefügt werden.

Im Editor

Du kannst einen neuen Template-Teil erstellen, während du ein Template bearbeitest. Befolge diese Schritte, um im Editor einen neuen Template-Teil zu erstellen:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor, um den Website-Editor zu öffnen.
  3. Klicke auf die rechte Bildschirmseite, um die Bearbeitungsoberfläche für das Startseiten-Template zu öffnen.
    • Oder navigiere zu Templates, um das spezifische Template auszuwählen, das du bearbeiten möchtest.
  4. Klicke auf das Icon + BlockInserter und suche nach „Template-Teil“. Klicke darauf, um ihn zur Seite hinzuzufügen.
  5. Daraufhin werden dir zwei Optionen angezeigt:
    • Auswählen: Wähle eines der Template-Teile aus, die zu deinem Theme gehören, wie Header und Footer.
    • Leer anfangen: Erstelle einen völlig neuen Template-Teil, indem du ihm einen Namen gibst und auf den Button Erstellen klickst.
Der Block für Template-Teile, nachdem du ihn zum ersten Mal hinzugefügt hast, mit den Optionen „Auswählen“ oder „Leer anfangen“.
  1. Klicke auf das Icon + Block-Inserter, um alle gewünschten Blöcke oder Vorlagen einzufügen.
  2. Wenn du dein Design fertiggestellt hast, klicke auf den Button Speichern.

Der neue Template-Teil kann jetzt in Templates eingefügt werden.

Aus bestehenden Inhalten

Du kannst einen Template-Teil aus vorhandenen Inhalten oder Inhalten erstellen, die du in einem deiner Templates erstellt hast. Befolge diese Schritte, um Inhalte in einem Template in einen Template-Teil zu verwandeln:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor, um den Website-Editor zu öffnen.
  3. Klicke auf die rechte Bildschirmseite, um die Bearbeitungsoberfläche zu öffnen.
    • Oder navigiere zu Templates, um das spezifische Template auszuwählen, das du bearbeiten möchtest.
  4. Wähle mehrere Blöcke aus oder füge neue Blöcke hinzu und klicke in der angezeigten Toolbar auf die drei Punkte ().
  5. Wähle die Option Template-Teil erstellen und:
    1. Gib einen kurzen Namen für deinen neuen Template-Teil ein, der beschreibt, wofür er verwendet wird.
    2. Wähle einen Bereich deiner Website für deinen neuen Template-Teil aus: Allgemein, Header oder Footer.
    3. Klicke auf den Button Erstellen.
  6. Wenn du dein Design fertiggestellt hast, klicke auf den Button Speichern.

Der neue Template-Teil kann jetzt in Templates eingefügt werden.

Sieh dir das Video unten an, um zu erfahren, wie du aus vorhandenen Template-Inhalten einen Template-Teil erstellen kannst. Verlangsame oder beschleunige das Video mit den Bedienelementen in der unteren rechten Ecke, nachdem du auf den Button „Abspielen“ geklickt hast.

Hinzufügen eines Template-Teils zu deiner Website

Nachdem du das Design eines bestehenden oder neuen Template-Teils, wie in den vorherigen Abschnitten beschrieben, fertiggestellt hast, kannst du den Template-Teil auf deiner Website einfügen. Und so funktioniert’s:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor, um den Website-Editor zu öffnen.
  3. Wähle das Template aus, dem der Template-Teil hinzugefügt werden soll.
  4. Klicke auf den + Block-Inserter und suche nach dem Namen deines Template-Teils. Klicke, um ihn hinzuzufügen.
    • Alternativ kannst du nach einem bestimmten Template-Teil suchen und darauf klicken, um ihn zu deiner Website hinzuzufügen. Klicke dann auf Auswählen, um die Template-Teile deiner Website zu durchsuchen.
  5. Klicke auf den Button Speichern.

Verschieben eines Template-Teils

So kannst du einen Template-Teil an eine andere Position in deinem Template verschieben:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor, um den Website-Editor zu öffnen.
  3. Wähle das Template aus, das du bearbeiten möchtest, oder klicke auf die Vorschau deiner Website, um den Website-Editor zu öffnen.
  4. Rufe links oben auf deinem Bildschirm die Listenansicht auf (das ist das Icon, das aus drei waagerechten Linien übereinander besteht).
  5. Klicke in der Listenansicht auf den Namen des Template-Teils.
  6. Verwende die Nach-oben/unten-Pfeile in der Toolbar, die angezeigt wird, nachdem du auf einen Template-Teil geklickt hast, oder ziehe den Template-Teil an eine neue Position in der Listenansicht.
  7. Klicke auf den Button Speichern, um deine Änderungen zu speichern.

Das Verschieben eines Template-Teils funktioniert genauso wie das Verschieben eines einzelnen Blocks. Wenn du weitere Hilfe benötigst, sieh dir unseren Ratgeber zum Auswählen und Verschieben von Blöcken an.

Löschen eines Template-Teils

Das Löschen eines Template-Teils kann nicht rückgängig gemacht werden – es gibt keine Möglichkeit, einen Template-Teil wiederherzustellen, nachdem er gelöscht wurde. So löschst du einen Template-Teil:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Editor, um den Website-Editor zu öffnen.
  3. Klicke auf Vorlagen und dann auf Alle Template-Teile.
  4. Klicke auf das Dreipunkt-Menü neben dem Namen des Template-Teils.
  5. Wähle die Option Löschen aus.
    • Die Option zum Löschen wird für die Standard-Template-Teile des Themes nicht angezeigt.
Copied to clipboard!