Smarte Weblösungen für bessere Sichtbarkeit & Performance.

WordPress: So bearbeitest du Header und Footer mit Template Parts

WordPress-Wiki

Verwendung von Template-Teilen in WordPress

Ein gut gestaltetes Website-Design zeichnet sich durch Konsistenz aus. Elemente wie Header, Footer und Sidebars enthalten oft ähnliche Inhalte, um den Besuchern das Auffinden von Informationen zu erleichtern. Mit WordPress Block-Themes kannst du diese wiederkehrenden Elemente effizient erstellen, indem du Template-Teile nutzt.

Was sind Template-Teile?

Template-Teile sind Gruppen von Blöcken, die du verwenden kannst, um wiederkehrende Bereiche deines Templates zu gestalten, wie zum Beispiel den Header, den Footer oder die Sidebar. Diese Funktion ermöglicht es, einheitliche Designs über verschiedene Seiten hinweg zu gewährleisten, ohne jedes Mal von Grund auf neu beginnen zu müssen.

Erstellen und Bearbeiten von Template-Teilen

Um Template-Teile zu bearbeiten, navigiere in deinem WordPress-Dashboard zu Erscheinungsbild und klicke auf Editor. Dies führt dich zum Site Editor, wo du eines deiner Templates öffnen kannst, zum Beispiel das Blog-Home-Template. Innerhalb eines Templates kannst du Header- und Footer-Template-Teile erstellen und anpassen. Viele Block-Themes, wie das Twenty Twenty-Four Theme, bieten bereits vorgefertigte Header- und Footer-Patterns an, die du verwenden und modifizieren kannst.

Um einen Header-Template-Teil zu bearbeiten, wähle ihn im Blog-Toolbar aus und aktiviere den Bearbeitungsmodus. Hier kannst du zum Beispiel ein Logo hinzufügen, indem du den Site Logo-Block auswählst und ein Bild hochlädst. Ebenso kannst du den Site Title-Block bearbeiten, um den Titel deiner Website hinzuzufügen. Alle Änderungen werden synchronisiert und überall dort aktualisiert, wo der Template-Teil verwendet wird. Die Synchronisation wird durch die Farbe Lila angezeigt.

Individuelle Anpassungen von Template-Teilen

Falls du auf deiner Startseite einen anderen Header als auf den restlichen Seiten verwenden möchtest, kannst du einen neuen Header-Template-Teil erstellen oder einen bestehenden Header durch ein Pattern ersetzen. Wähle dazu deinen Header aus, klicke auf die drei vertikalen Punkte und wähle Header ersetzen. Du kannst nun ein bestehendes Header-Template oder ein Pattern verwenden. Nachdem du deinen neuen Header gespeichert hast, bleibt der Standard-Header auf den anderen Seiten unverändert.

Erstellen eines neuen Template-Teils von Grund auf

Um ein neues Template-Teil zu erstellen, gehe zu Patterns und scrolle zu den Template-Teilen. Klicke auf das Plus-Symbol neben den Patterns und wähle Template-Teil erstellen. Du kannst einen allgemeinen Template-Teil, einen Header- oder einen Footer-Template-Teil erstellen. Benenne den neuen Template-Teil, z.B. Vier-Spalten-Footer, und beginne mit der Gestaltung. Du kannst auch ein Pattern aus dem Patterns Directory von wordpress.org verwenden. Wähle ein passendes Pattern aus, kopiere es und füge es auf deiner Website ein, um es anzupassen.

Nach der Anpassung kannst du den neuen Footer zu jedem Template hinzufügen. Über Alle Template-Teile verwalten kannst du benutzerdefinierte Template-Teile umbenennen, löschen oder Anpassungen zurücksetzen, die von deinem Theme bereitgestellt werden.

Lass uns gemeinsam starten

Kontaktiere mich gerne jederzeit per Mail oder Telefon.

Kontakt:

Meine Öffnungszeiten:
Mo. – Fr. 9:00 – 18:00 Uhr

Sie erreichen uns per Telefon unter : +49 160 / 99177398

Oder vereinbaren Sie einen Termin mit uns.

TGS-Media UG haftungsbeschränkt
Halberstädter Str. 99
33106 Paderborn

Kontaktformular

Möchtest Du gerne Kontakt über das Kontaktformular aufnehmen, dann geht es hier zum Formular