Zurück zum Support Inhalte und Medien Blöcke Eine Vorlage erstellen

Eine Vorlage erstellen

Mit Vorlagen kannst du angepasste Blöcke speichern, um sie auf deiner gesamten Website wiederzuverwenden. Wenn du immer wieder dieselben Blockgruppen zu neuen Seiten hinzufügst, kannst du mit Vorlagen jede Menge Zeit sparen. In diesem Ratgeber erfährst du, wie du Vorlagen erstellen und verwenden kannst.

💡

Lass dich von unserer Sammlung von Vorlagen inspirieren, die vom Designteam von WordPress.com erstellt wurden, um genau die Seiten zu erstellen, die du brauchst.

Eine Vorlage erstellen

Erstelle zunächst die Inhalte, die du wiederverwenden möchtest. Eine Vorlage kann ein einzelner Block oder eine Gruppe von mehreren Blöcken sein. In unserem Beispiel verwenden wir ein Bild, einen Header, Text und einen Call-to-Action-Button. Das Ganze sieht folgendermaßen aus:

Ein Beispiel für eine Sammlung von Blöcken, die in eine Vorlage umgewandelt werden können.
Beispiel für eine Sammlung von Blöcken mit einem Medien- und Text-Block mit einer Überschrift, einem Absatz und Buttons.

Nachdem du deine Inhalte erstellt hast, befolge diese Schritte, um sie in eine Vorlage zu verwandeln, die du überall auf deiner Website verwenden kannst.

  1. Wähle alle Blöcke aus, die du wiederverwenden möchtest. Es gibt mehrere Möglichkeiten, Blöcke auszuwählen:
    • Mit deiner Maus kannst du mehrere Blöcke nebeneinander markieren.
    • Klicke in der Listenansicht auf den ersten Block, halte dann die Umschalttaste gedrückt und klicke auf den letzten Block. Dadurch werden alle Blöcke zwischen dem ersten und dem letzten Block ausgewählt.
  2. Klicke auf die drei Punkte in der Block-Toolbar.
  3. Klicke auf die Option Vorlage erstellen.
  4. Gib ihr einen Namen, der dich daran erinnert, wofür die Vorlage ist. Der Name wird nur dir angezeigt.
  5. Weise die Vorlage optional einer Kategorie zu. Das ist nützlich, wenn du viele Vorlagen organisieren möchtest.
  6. Aktiviere oder deaktiviere die Option Synchronisiert:
    • Synchronisiert: Alle Änderungen, die du an der Vorlage vornimmst, werden überall dort angewendet, wo die Vorlage eingefügt wurde. Ideal für die Wiederverwendung von Blöcken.
    • Nicht synchronisiert: Alle Änderungen, die du an der Vorlage vornimmst, werden nur auf eine Instanz der Vorlage angewendet. Ideal, wenn du das gleiche Layout auf mehreren Seiten verwenden, aber den Inhalt der Vorlage auf jeder Seite ändern möchtest.
  7. Klicke auf den Button Erstellen.

Eine Vorlage verwenden

Sobald du eine Vorlage erstellt hast, füge sie in deinen Inhalt ein, indem du die nachfolgenden Schritte befolgst.

  1. Klicke auf das + BlockInserter-Icon.
  2. Wähle den Tab Vorlagen aus:
Nachdem du auf den Block-Inserter geklickt hast, wird „Vorlagen“ mit einem Pfeil markiert, der auf den Tab zeigt.
  1. Du kannst Folgendes auswählen:
    • Alle Vorlagen: Durchsuche alle Vorlagen, einschließlich der von WordPress.com bereitgestellten Vorlagen.
    • Meine Vorlagen: Durchsuche nur Vorlagen, die du selbst erstellt hast.
    • Durchsuche Beispielvorlagen nach Kategorie, z. B. Über, Banner, Formulare, Dienstleistungen und vieles mehr.
  2. Klicke einmal auf eine Vorlage, um sie zu deiner Seite hinzuzufügen.

💡

Du kannst auch über die Tastatur in einer neuen Zeile einen Schrägstrich / und den Namen deiner Vorlage eingeben und die Eingabetaste drücken, um schnell eine von dir erstellte Vorlage hinzuzufügen.

Eine Vorlage bearbeiten

Nachdem du eine Vorlage hinzugefügt hast, kannst du sie auf zwei Arten bearbeiten:

Eine Vorlage einfügen, um sie zu bearbeiten

  1. Füge die Vorlage zu deiner Website hinzu, wie im vorherigen Abschnitt erklärt.
  2. Wähle den Block aus und klicke in der Block-Toolbar auf die Option Original bearbeiten:
Toolbar der synchronisierten Vorlage.
  1. Nimm deine Änderungen vor. Dazu kannst du neuen Text eingeben, Blöcke neu anordnen, neue Blöcke hinzufügen oder Blöcke entfernen.
  2. Wenn du mit den Änderungen fertig bist, klicke oben rechts auf den Button Save / Update / Publish (Speichern/Aktualisieren/Veröffentlichen).
  3. Bevor du deine Änderungen speicherst, findest du eine Zusammenfassung der Änderungen, die du an deiner Website vorgenommen hast. Wenn du eine synchronisierte Vorlage bearbeitet hast, wird diese hier hervorgehoben.
  4. Klicke erneut auf den Button Speichern, um die Änderung zu bestätigen, oder deaktiviere das Kästchen neben den Änderungen, die du nicht speichern möchtest.

Klicke in der Toolbar auf die Option Zurücksetzen, um eine synchronisierte Vorlage sofort wieder auf den ursprünglichen Inhalt zurückzusetzen.

Ein Pfeil hebt Änderungen an synchronisierten Vorlagen hervor.

Eine Vorlage über „Meine Vorlagen“ bearbeiten

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Design → Editor.
  3. Klicke auf die Option Vorlagen.
  4. Wähle deine Vorlage aus und klicke auf das Stift-Icon, um diese Vorlage zu bearbeiten.
  5. Klicke anschließend auf den Button Speichern.

Wenn du nicht auf Design → Editor zugreifen kannst, verwendet deine Website kein Block-Theme. So bearbeitest du eine Vorlage ohne Zugriff auf den Website-Editor:

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Design → Vorlagen.
  3. Klicke auf den Titel der Vorlage, um diese Vorlage zu bearbeiten.
  4. Klicke anschließend auf den Button Aktualisieren.

Synchronisierte und nicht synchronisierte Vorlagen

Beim Erstellen einer Vorlage kannst du eine synchronisierte oder nicht synchronisierte Vorlage erstellen. Hier erklären wir dir beide Optionen und du erfährst, wie du mit beiden Arten von Vorlagen arbeiten kannst.

Synchronisierte Vorlagen

Eine synchronisierte Vorlage ist eine Vorlage, die überall dort dieselbe bleibt, wo du sie auf deiner Website verwendest. Wenn du die synchronisierte Vorlage an einer Stelle auf deiner Website bearbeitest, wird diese Änderung überall dort angewendet, wo die Vorlage verwendet wird. Wenn du z. B. eine synchronisierte Vorlage für deine Geschäftszeiten erstellst, kannst du diese Zeiten in einer Instanz der Vorlage ändern. Diese wird dann auf deiner gesamten Website aktualisiert.

Synchronisierte Vorlagen werden durch das Vorlagensymbol identifiziert, das wie ein Diamant mit einem anderen Diamanten dahinter aussieht. Außerdem wird dir der Name der Vorlage an den folgenden Stellen im Editor angezeigt:

Toolbar der synchronisierten Vorlage
Das Vorlagen-Icon und der Name der Vorlage, wie er in der Block-Toolbar angezeigt wird.

Du kannst eine synchronisierte Vorlage überall dort ändern, wo sie verwendet wird. Wenn du deine Änderungen speicherst, werden sie auf alle Seiten und Beiträge angewendet, die diese Vorlage verwenden.

Eine synchronisierte Vorlage loslösen

Wenn du eine synchronisierte Vorlage loslöst, kannst du den Inhalt der Vorlage für genau diese Seite oder diesen Beitrag bearbeiten. Es wandelt die eingefügte Vorlage in eine nicht synchronisierte Vorlage um. Deine bestehende synchronisierte Vorlage bleibt unverändert.

So wandelst du eine synchronisierte Vorlage in eine nicht synchronisierte Vorlage um:

  1. Füge die Vorlage zu deiner Website hinzu, wie im vorherigen Abschnitt erklärt.
  2. Klicke auf die Vorlage, um darüber oder darunter eine Toolbar anzuzeigen.
  3. Klicke auf das Dreipunkt-Menü am Ende der Toolbar und wähle die Option Loslösen aus:
Ein Pfeil zeigt auf die Ellipse in der Block-Toolbar und die Option zum Loslösen ist hervorgehoben.

Eine synchronisierte Vorlage überschreiben

Du kannst Inhalte in einer synchronisierten Vorlage überschreiben, während der Rest der Inhaltsstruktur gleich bleibt. Auf diese Weise kannst du Block für Block die Möglichkeit festlegen, die Inhalte der einzelnen Instanzen anzupassen, ohne das allgemeine Layout zu verändern. Weitere Informationen zu Vorlagen-Überschreibungen.

Nicht synchronisierte Vorlagen

Eine nicht synchronisierte Vorlage ist eine Sammlung von Blöcken, die du entworfen hast und wiederverwenden möchtest. Du möchtest aber auch die Freiheit haben, die Inhalte in den Blöcken zu ändern, nachdem du sie zu einer Seite oder einem Beitrag hinzugefügt hast. Du hast z. B. möglicherweise ein konsistentes Layout, das Bilder und Text für deine Blogbeiträge enthält. Du kannst eine Vorlage erstellen, die Synchronisierungsoption deaktivieren und dann die Bilder und den Text mit demselben Layout für jeden Blogbeitrag ändern.

Im Gegensatz zu synchronisierten Vorlagen verhält sich eine nicht synchronisierte Vorlage wie eine normale Sammlung von Blöcken, sobald sie zu einer Seite hinzugefügt wird. Du kannst den Inhalt der nicht synchronisierten Vorlage ändern. Diese Änderung gilt nur für diese einzelne Seite oder diesen Beitrag.

Eine vorherige Revision einer Vorlage wiederherstellen

Wenn du Änderungen an Vorlagen vornimmst, werden vorherige Versionen der Blöcke gespeichert, falls du zu einer früheren Version zurückkehren musst. Befolge diese Schritte, um auf die Revisionen einer Vorlage zuzugreifen:

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Design → Editor.
  3. Wähle Vorlagen aus.
  4. Klicke auf die Option Manage all of my patterns (Alle meine Vorlagen verwalten).
  5. Bewege den Mauszeiger über den Titel einer Vorlage und wähle Bearbeiten aus.
  6. Öffne die Seitenleiste mit den Einstellungen auf der rechten Seite. Das Icon sieht aus wie ein Quadrat mit zwei ungleichen Spalten.
  7. Klicke unter dem Tab Vorlage auf Revisionen. Wenn „Revisionen“ nicht angezeigt wird, gibt es noch keine gespeicherten Revisionen.

Wenn du nicht auf Design → Editor zugreifen kannst, verwendet deine Website kein Block-Theme. So rufst du Vorlagen-Revisionen ohne Zugriff auf den Website-Editor auf:

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Design → Vorlagen.
  3. Klicke auf den Titel der Vorlage, deren Revisionen du sehen möchtest.
  4. Öffne die Seitenleiste mit den Einstellungen auf der rechten Seite. Das Icon sieht aus wie ein Quadrat mit zwei ungleichen Spalten.
  5. Klicke unter dem Tab Vorlage auf Revisionen. Wenn „Revisionen“ nicht angezeigt wird, gibt es noch keine gespeicherten Revisionen.

Die Revisionen zeigen alle zuvor gespeicherten Versionen der Vorlage an. Ähnlich wie Revisionen für Seiten und Beiträge kannst du hier eine ältere Version der Vorlage laden, wenn du möchtest.

Das Modul „Vorlage“ in der rechten Seitenleiste des Editors. „Revisionen“ ist durch einen orangefarbenen Pfeil gekennzeichnet.

Eine Vorlage löschen

So löschst du Vorlagen von deiner Website:

  1. Rufe dein Dashboard auf und navigiere zu Design → Editor.
  2. Wähle Vorlagen → Meine Vorlagen aus.
  3. Klicke auf die drei Punkte neben dem Namen einer Vorlage und wähle die Option Löschen aus, um die Vorlage zu löschen.
„Meine Vorlagen“ ist ausgewählt und ein Pfeil zeigt auf die drei Punkte und dann auf den Button „Löschen“.

Wenn du nicht auf Design → Editor zugreifen kannst, verwendet deine Website kein Block-Theme. So löschst du Vorlagen-Revisionen ohne Zugriff auf den Website-Editor:

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Design → Vorlagen.
  3. Bewege den Mauszeiger über den Titel der Vorlage, die du löschen möchtest.
  4. Wähle unter dem Titel die Option Papierkorb aus.

Vorlagen importieren und exportieren

Wenn du auf einer Website eine Vorlage hast, die du zu einer anderen Website verschieben möchtest, erfährst du hier, wie du die Blöcke als JSON-Datei exportieren und importieren kannst:

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Design → Editor.
  3. Wähle Vorlagen aus.
  4. Klicke auf Manage all of my patterns (Alle meine Vorlagen verwalten), wo du Folgendes tun kannst:
    • Vorlage exportieren: Bewege den Mauszeiger über den Titel einer beliebigen Vorlage und klicke auf die Option Als JSON exportieren. Dadurch wird eine Datei auf deinem Computer gespeichert. Wenn du Vorlagen erstellt hast, kannst du diese mit Kontrollkästchen gesammelt auswählen, um sie als Gruppe zu exportieren.
    • Vorlage importieren: Klicke oben im Bildschirm für die Vorlagenverwaltung auf den Button Import von JSON:
Der Button „Import von JSON“ wird auf dem Bildschirm „Vorlagen“ angezeigt.

Wenn du nicht auf Design → Editor zugreifen kannst, verwendet deine Website kein Block-Theme. So importierst du eine Vorlage ohne Zugriff auf den Website-Editor:

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Design → Vorlagen.
  3. Klicke oben auf dem Bildschirm „Vorlagen“ auf den Button Import von JSON.
  4. Klicke auf Datei auswählen und wähle eine Datei zum Hochladen aus.
  5. Klicke auf Importieren.

So exportierst du eine Vorlage ohne Zugriff auf den Website-Editor:

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Design → Vorlagen.
  3. Bewege den Mauszeiger über den Titel der Vorlage, die du exportieren möchtest.
  4. Wähle unter dem Titel die Option Als JSON exportieren aus.
Copied to clipboard!