WordPress 6.6: Überschreibbare synchronisierte Vorlagen (synced Pattern overrides)
In WordPress 6.6 kann man jetzt bei überschreibbaren synchronisierten Vorlagen (Synced Pattern overrides) inhaltsspezifische Änderungen vornehmen, ohne das bestehende Layout oder Design des Patterns (Vorlage) zu ändern. Diese Option ist ziemlich interessant, weil man bis dato keine inhaltlichen Änderungen an synced patterns vornehmen konnte. Wie das funktioniert, beschreibe ich im folgenden Beitrag.
Die Highlights von WordPress 6.6
Bevor ich aber loslege, zunächst mal ein kurzer Blick auf die wichtigsten Highlights von WordPress 6.6:
- Seitenvorschau im Website-Editor: Unter Design > Website-Editor gibt es jetzt eine visuelle Übersicht der Templates und Seiten, die es den Nutzern ermöglicht, eine Seite vor der Bearbeitung in der Vorschau anzuzeigen.
- Verbesserte Design-Kontrolle: Benutzer haben jetzt mehr Kontrolle über Designelemente, einschließlich der Möglichkeit, mehrere Farbpaletten und Schriftarten innerhalb eines Themes zu verwenden, negative Ränder für Blöcke festzulegen und Hintergrundbilder (z. B. für Gruppen) und Boxschatten hinzuzufügen.
- Synced Patterns Overrite: Diese Funktion ermöglicht es Nutzern, einzelne Instanzen eines synchronisierten Patterns zu bearbeiten, ohne andere Instanzen zu beeinträchtigen. Auf dieses Feature werde ich in diesem Beitrag eingehen.
- Plugin Auto-Update Rollbacks: Um die Sicherheit und Stabilität zu verbessern, führt WordPress 6.6 eine optionale Rollback-Funktion für automatisch aktualisierte Plugins ein. Bei Problemen mit einem Update kann man einfach zur vorherigen Version zurückkehren.
- Neues Grid-Layout: Der Gutenberg-Editor (Block Editor) enthält jetzt eine Grid-Layout-Option für den Gruppenblock, die komplexere und flexiblere Layouts ermöglicht.
- Verbesserte Datenansichten: Verbesserungen in der Templates und Template-Teile erleichtern die Verwaltung von Patterns und Template-Teilen..
Mehr Informationen zu den neuen bzw. geänderten Features findet ihr in dem folgenden englischsprachigen Beitrag oder in diesem deutschsprachigen Beitrag.
Was sind Patterns?
Patterns sind vordefinierte Blocklayouts, die User in ihre Beiträge oder Seiten einfügen können. Sie vereinfachen die Erstellung komplexer Designs, indem sie vorgefertigte Inhaltsabschnitte bereitstellen, die angepasst werden können, z. B. Galerien, Call-to-Action-Bereiche oder Testimonials. Eine umfangreichere Darstellung findet ihr in dem folgenden Beitrag.
Und was sind synchronisierte Patterns?
Synchronisierte Patterns in WordPress sind wiederverwendbare Layouts. Wenn man diese Patterns ändert, dann werden die Änderungen in allen Beiträgen und Seiten wirksam. Dies ermöglicht konsistente Änderungen über die gesamte Website hinweg, ohne dass jedes einzelne Muster manuell angepasst werden muss. Ein Beispiel dafür ist der Kontakt-Pattern am Ende dieses Beitrags. Wenn sich beispielsweise die Telefonnummer ändert, soll dieser Block auf allen Seiten und bei allen Beiträgen, die diesen Pattern enthalten, aktualisiert werden. Einen umfangreichen Beitrag findet ihr in dem folgenden Beitrag.
Überschreibbare synchronisierte Vorlagen (synced Pattern overrides)
In WordPress 6.6 kann man jetzt bestimmte Teile verändern. Bei dem folgenden Pattern soll das Layout der Karten in den beiden Spalten immer bestehen bleiben, aber die Inhalte für die Überschrift, den Fließtext und das Bild sollen geändert werden. Auf diese Weise kann verhindert werden, dass beispielsweise die Hintergrundfarbe für eine Überschrift verändert wird. Allerdings kann der Text für die Überschrift geändert werden. Interessant ist diese Option (nicht nur) z. B. für Magazine, an denen mehrere Redakteure arbeiten. Der Button mit dem Text „Mehr lesen“ kann bei Verwendung des Patterns nicht geändert werden. Wenn dieser Text z. B. in „Mehr Infos“ geändert werden soll, dann muss man diesen Pattern bearbeiten. In dem Fall wird wie bei synchronisierten Vorlagen üblich die Änderung auf allen Seiten und Beiträgen wirksam, auf denen dieser Pattern eingesetzt wird. Die entsprechenden Blöcke innerhalb des Pattern, die geändert werden können, habe ich im Screenshot mit Pfeilen markiert.
Damit der Fließtext und der Button immer ein bestimmte Höhe von 300px ausfüllt, habe ich beim Stapel (1) diese Höhe (2) eingetragen. Daher wird der Fließtext und der Button in dem Fall so auf diese Höhe „verteilt“, dass die gesamte Höhe ausgenutzt wird. Das erreiche ich mit der Einstellung „Zwischenraum“ (3) in der Werkzeugleiste beim Stapel-Block:
In dem folgenden kurzen Film sieht man, wie ich bei dem synchronisierten Pattern Bild, Überschrift und Fließtext bei den Eigenschaften über den Button „Überschreibung aktivieren“ einschalte.
Einen neuen synced pattern overrite auf dieser Grundlage erstellen
Aktuell besteht (bewusst) nicht die Möglichkeit, die Hintergrundfarbe für einzelne Pattern und nicht für den gesamten Pattern zu ändern. Wenn man aber auf der Grundlage dieses synchronisierten Patterns z. B. die Hintergrundfarbe ändern möchte, muss man wie folgt vorgehen:
- zunächst wandelt man diesen synchronisierten Pattern in einen regulären Block um: Aktivierung des Blocks in der Listenansicht.
- Dann geht man auf das Kebap-Menü (drei senkrechte Punkte) und wählt dort „Loslösen“.
- Jetzt kann man die Hintergrundfarbe dieses Patterns ändern, ohne dass sich dies auf andere Instanzen auswirkt. So wird die Änderung der Hintergrundfarbe nur auf diesen speziellen Block angewendet, während andere Instanzen des Patterns unverändert bleiben.
- Möchte man diesen Pattern als Alternative zu dem ersten hier beschriebenen Pattern verwenden, wandelt man ihn wieder in einen synchronisierten Pattern um.
Info
Übrigens: In dem Kebap-Menü ist ganz unten auch der Menüpunkt „Vorlagen verwalten“ zu sehen. Wenn man auf diesen Menüpunkt klickt, dann sieht man alle Vorlagen und kann diese z. B. bearbeiten.
Fazit
Mit der Einführung der synced pattern overrite (synchronisierte überschreibbare Vorlagen) erhält man eine Flexibilität bei der Eingabe von Texten und Bildern, während das Layout bestehen bleibt. Damit ist die Einheitlichkeit des Layouts gewährleistet. Das ist ein sehr interessantes Feature, wenn z. B. mehrere Redakteure eine Website bearbeiten.
Links, Quellen und aktuelle Infos
- Synced Pattern overrides bzw. überschreibbare synchronisierte Vorlagen
- An introduction to overrides in Synced Patterns (u. a. auch mit dem technischen Background): https://developer.wordpress.org/news/2024/06/18/an-introduction-to-overrides-in-synced-patterns/
- Hier insbesondere: https://developer.wordpress.org/news/2024/06/18/an-introduction-to-overrides-in-synced-patterns/#putting-it-all-together
- https://wordpress.org/documentation/article/reusable-blocks/
- https://wordpress.org/news/2023/07/synced-patterns-the-evolution-of-reusable-blocks/
- Exploring WordPress 6.6
https://learn.wordpress.org/tutorial/exploring-wordpress-6-6/ - Das ist WordPress 6.6
https://krautpress.de/2024/das-ist-wordpress-6-6/ - WordPress 6.6 “Dorsey”
https://wordpress.org/news/2024/07/dorsey/ - Layouts mit dem Block-Editor / GenerateBlocks (Vortrag beim WordCamp Leipzig 2024), u. a. mit einer kurzen Vorführung des Grid-Layouts.
https://wordpress.tv/2024/04/21/layouts-mit-dem-block-editor-generateblocks/ - Grid layout type
https://make.wordpress.org/core/2024/06/18/grid-layout-type/ - Hallway Hangout: Exploring Grid Layouts
https://youtu.be/3LJWLOjOn5o - Recap Hallway Hangout: Exploring Grid Layouts
https://make.wordpress.org/core/2024/07/01/recap-hallway-hangout-exploring-grid-layouts/
Weitere Beiträge zum Thema (Block Neueste Beiträge)
- WordPress 6.7 und Twenty Twenty-Five – Teil 1
- Galerie-Block: Bilder komplett zeigen
- Kategorien-Template mit Kategorienliste bei Twenty Twenty-Four
- Block Themes – eine Einführung
- Barrierefreiheit und „Skip to content“-Link – Silktide
Wir freuen uns über eine Kontaktaufnahme
Was hältst du davon?
Wir hoffen, dieser Beitrag hat dir gefallen und wir würden uns über einen Kommentar freuen. Auch über Erweiterungen, Korrekturen, Hinweise oder sonstige Anmerkungen freuen wir uns sehr.
- Auf der folgenden Seite findest du weitere interessante Beiträge sortiert nach Kategorien und Schlagwörter.
- Wenn du über unsere neuesten Beiträge informiert werden möchtest, kannst du dich gerne bei unserem Newsletter anmelden.
Beitrags-Kategorien
Allgemein (109) Anleitung (78) Block-Editor (46) CSS (10) Full Site Editing (40) Keine Anzeige (2) Plugins (29) Short News (2) Theme (32) Tipps (73) Veranstaltungen (3) WordPress (124)