Template-Teil (template-part) bei einem Block Theme in ein Template einfügen
Bei der Erstellung eines Templates ist uns aufgefallen, dass ein Footer nicht wie vermutet direkt in das Template durch Auswahl einer Vorlage möglich ist. Das ist ein wenig verwirrend. Um ein Template-Teil (template-part) einzufügen, gibt es mehrere Möglichkeiten, die ich nachfolgend zeige.
Was sind Templates?
Templates in Block Themes sind vordefinierte HTML-Dateien mit Block-Struktur, die das Layout ganzer Seiten steuern. Templates bestimmen dadurch das automatische Layout für Seiten, Beiträge, Archive etc. In der Regel bestehen Templates aus einem Header, einem Inhaltsbereich und einem Footer. Templates können in Block Themes über Design > Editor bearbeitet werden ohne dass man PHP-Kenntnisse haben muss.
Was sind Template-Teile?
Template-Teile sind in Block-Themes wiederverwendbare Bausteine für wiederkehrende Bereiche wie Header und Footer.
Dabei handelt es sich um HTML-Dateien mit Block-Markup im Ordner /parts/ eines Block-Themes. Sie kapseln Inhalte wie Navigation, Logo oder Copyright-Infos und werden in Templates eingebunden, um Konsistenz über die gesamte Website zu gewährleisten.
Das Problem mit der Auswahl eines Template-Teils
Ich bin relativ häufig in Kontakt mit Gerd, weil wir uns zu Themen rund um WordPress austauschen. Vor einigen Tagen haben wir gemeinsam festgestellt, dass die Auswahl eines vorbereiteten angepassten Footers als Template-Teil über den Reiter „Vorlagen“ nicht (so einfach) möglich ist.
Einfügen bzw. Ersetzen eines Template-Teils am Beispiel eines Footers
Wenn man allerdings unter Design > Editor > Templates ein Template-Teil z. B. für einen Footer auswählen möchte und auf das „+“ klickt, werden unter dem Reiter „Vorlagen“ nur die vom Block Theme bereit gestellten Footer angezeigt:

In dem Screenshot sieht man unter Vorlagen > Footer die Footer vom Theme (in dem Fall Ollie), aber nicht die Footer, die wir selbst angepasst haben (3).
Wir haben dann gemeinsam analysiert und festgestellt, dass eine Auswahl der angepassten Footer über Template-Teile möglich ist. Den angepassten Footer kann man über den Block „Template‑Teil“ einfügen: Template-Teil > „Auswählen“ (1) und dann aus der Liste den gewünschten Footer auswählen (2).

Alternativ kann man allerdings auch direkt den Block „Footer Test“ (der angepasste Footer) auswählen.
Im folgenden Video wird das Problem deutlich. Gleichzeitig zeige ich aber, wie man die angepassten Template-Teile (im Beispiel der Footer) auswählen und einfügen kann:
Nachfolgend noch mal die Vorgehensweise über die Blockauswahl.
Mir ist das ehrlich gesagt gar nicht aufgefallen, weil ich in der Regel über die Slash‑Suche (/) eigene Vorlagen einfüge, weil das viel schneller funktioniert:

Fazit
In diesem Beitrag habe ich gezeigt, wie man Template-Teile (template-parts) auf verschiedene Arten einfügen kann. Schneller funktioniert es, wenn man über die Slash‑Suche (/) geht.
Links, Quellen und aktuelle Infos
- https://developer.wordpress.org/themes/templates/
- https://developer.wordpress.org/themes/template-parts/
- https://developer.wordpress.org/themes/global-settings-and-styles/theme-json/
- https://wordpress.org/documentation/article/block-themes/
Weitere Beiträge zum Thema (Block Neueste Beiträge)
- Block Theme: Template-Teil in Template einfügen
- Beitragsbild (Featured Image) vollständig bei Beiträgen zeigen
- Back To Top (an den Anfang) scrollen ohne Plugin
- RSS Feed und WordPress
- Theme-Update – Und wo finde ich die Infos?
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.
Newsletter: Wenn du über unsere neuesten Beiträge und Neuigkeiten rund um WordPress informiert werden möchtest, kannst du dich gerne bei unserem kostenlosen Newsletter anmelden. Hier die bisher versendeten Newsletter
Blog: Auf der folgenden Seite findest du weitere interessante Beiträge sortiert nach Kategorien und Schlagwörtern.

Schreibe einen Kommentar