Content Creation: Header und Footer anpassen
Einführung in die Anpassung von Header und Footer
Block-Themes in WordPress ermöglichen es, eine komplette Website mithilfe von Blöcken zu gestalten, einschließlich Seiten, Beiträge, Vorlagen und Template-Teilen. Header- und Footer-Patterns bieten eine solide Grundlage, auf der die meisten Layouts bereits vorgefertigt sind. So kann man diese Bereiche effizient anpassen und personalisieren.
Statische Startseite und Beitragsseite einrichten
Bevor mit der Bearbeitung des Headers und Footers begonnen wird, ist es wichtig, eine statische Startseite und Beitragsseite einzurichten. Dies kann unter Einstellungen > Lesen konfiguriert werden. Dadurch wird sichergestellt, dass die Startseite der Standardseitenvorlage zugewiesen ist, ebenso wie andere Seiten im Navigationsmenü.
Header- und Footer-Patterns verwenden
Im Site-Editor können Templates bearbeitet und aktualisiert werden. Alle Templates teilen sich den gleichen Header und Footer. Das bedeutet, dass Änderungen am aktuellen Header- und Footer-Template-Teil automatisch auf alle Templates angewendet werden, in denen sie enthalten sind. Wird jedoch ein Header oder Footer in einem Template ersetzt, muss dies manuell auch in allen anderen relevanten Templates durchgeführt werden.
Header-Pattern hinzufügen
Um den Header anzupassen, öffnet man das Seiten-Template und verwendet die Listenansicht. Durch Klicken auf die drei vertikalen Punkte und die Auswahl von Header ersetzen kann aus einer Vielzahl von Patterns gewählt werden. Nach Auswahl eines Patterns, zum Beispiel Header inside full-width background image, können individuelle Anpassungen vorgenommen werden. Dazu gehört das Ersetzen des Hintergrundbildes im Cover-Block durch ein eigenes Bild aus der Medienbibliothek, das Hochladen eines transparenten Logos im Site-Logo-Block und das Anpassen der Stile wie Opazität und Textfarbe im Site-Title-Block. Auch die Schriftart und -größe des Seitentitels können angepasst werden.
Der Navigationsblock kann ebenfalls modifiziert werden, indem Textfarbe, Schriftfamilie und Größe angepasst werden. Zusätzlich kann durch Hinzufügen von Padding im Row-Block mehr Platz um den Text geschaffen werden. Nach dem Speichern muss der neue Header in allen anderen relevanten Templates, wie dem 404-Template, manuell ersetzt werden.
Footer-Pattern anpassen
Für den Footer wird das bestehende Pattern aktualisiert, was automatisch alle anderen Templates aktualisiert. Zunächst kann der Site-Logo-Block vergrößert und ein Tagline-Block hinzugefügt werden. Die drei Spalten rechts können individuell angepasst werden. Der Titel der mittleren Spalte kann in Quick Links geändert werden. Der Navigationsblock kann so eingestellt werden, dass er das Header-Navigationsmenü anzeigt und vertikal orientiert ist.
In der nächsten Spalte kann ein neues Navigationsmenü erstellt werden, das beispielsweise die Datenschutzrichtlinien- und die AGB-Seite enthält. In der letzten Spalte werden die Links zu den sozialen Medien aktualisiert. Nach dem Speichern sind die Änderungen im Footer automatisch auf allen anderen Templates sichtbar.
Durch diese Schritte kann der Header und Footer einer WordPress-Website effizient erstellt und angepasst werden, um ein einheitliches und personalisiertes Erscheinungsbild zu gewährleisten.