Seitenvorlagen sind in WordPress ein zentrales Werkzeug, um unterschiedlichen Seiten verschiedene Strukturen und Darstellungen zuzuweisen, ohne jede Seite einzeln von Grund auf gestalten zu müssen. Gerade in modernen WordPress-Themes, insbesondere bei Block-Themes, spielen Templates und Vorlagen eine wichtige Rolle für ein konsistentes Webdesign. Mit ihrer Hilfe können wir Startseiten, Kontaktseiten, Landingpages oder inhaltsstarke Standardseiten gezielt unterschiedlich aufbauen. Das spart Zeit, vereinfacht redaktionelle Prozesse und sorgt dafür, dass die Website auch bei wachsendem Umfang übersichtlich bleibt. Im Folgenden zeigen wir Schritt für Schritt, was Seitenvorlagen sind, wie sie eingesetzt werden und worauf Sie dabei achten sollten.
Was Seitenvorlagen in WordPress sind
Seitenvorlagen sind vordefinierte Strukturen, die festlegen, wie der Inhalt einer bestimmten Seite dargestellt wird. In WordPress steuern sie zum Beispiel, ob eine Seite eine Sidebar enthält, wie der Kopfbereich aufgebaut ist oder ob bestimmte Inhaltsbereiche eingeblendet werden. Eine Seitenvorlage betrifft dabei in erster Linie die Anordnung und den Rahmen der Inhalte, nicht zwingend den eigentlichen Seitentext. Klassisch wurden solche Vorlagen in Theme-Dateien hinterlegt, etwa als spezielle PHP-Dateien in klassischen Themes. Bei Block-Themes werden sie zunehmend im Site-Editor verwaltet und als Templates oder Template-Teile organisiert.
Warum Seitenvorlagen nützlich sind
Seitenvorlagen sind nützlich, weil sie wiederkehrende Seitentypen standardisieren und dadurch die Pflege einer Website deutlich effizienter machen. Wenn wir für bestimmte Inhalte wie Kontakt, Über uns oder Landingpages bereits passende Vorlagen vorbereitet haben, müssen Redakteurinnen und Redakteure nicht jedes Mal das Design manuell aufbauen. Das reduziert Fehlerquellen und fördert ein konsistentes Erscheinungsbild über die gesamte Website hinweg. Zudem können Seitenvorlagen helfen, Conversion-Ziele zu unterstützen, etwa indem Landingpages bewusst ohne Ablenkungen wie eine Sidebar gestaltet werden. Auch aus technischer Sicht sind Vorlagen sinnvoll, weil Änderungen an einer Vorlage oft auf mehrere Seiten wirken und damit der Pflegeaufwand sinkt.
Unterschied zwischen Seite, Template und Layout
Eine Seite ist in WordPress ein konkreter Inhaltstyp, also eine einzelne statische Inhaltsseite wie „Kontakt“, „Leistungen“ oder „Impressum“. Ein Template, auf Deutsch häufig als Vorlage bezeichnet, bestimmt die technische und gestalterische Struktur, in der diese Seite ausgegeben wird. Das Layout beschreibt wiederum die visuelle Anordnung einzelner Elemente, zum Beispiel einspaltig, zweispaltig oder mit Hero-Bereich im oberen Abschnitt. Im Alltag werden diese Begriffe oft vermischt, sinnvoll ist aber eine klare Trennung: Die Seite ist der Inhalt, das Template ist die Vorlage, und das Layout ist die sichtbare Gestaltung innerhalb dieser Vorlage. Diese Unterscheidung hilft besonders dann, wenn wir im Site-Editor arbeiten oder mit Designerinnen, Entwicklern und Redaktionen abgestimmt vorgehen.
Verfügbare Seitenvorlagen im Theme finden
Welche Seitenvorlagen zur Verfügung stehen, hängt immer vom eingesetzten Theme ab. In klassischen WordPress-Themes finden wir die Vorlagen häufig beim Bearbeiten einer Seite in den Seiteneinstellungen, meist im Bereich „Template“ oder „Seitenattribute“. In Block-Themes können verfügbare Vorlagen zusätzlich im Site-Editor eingesehen und teilweise direkt bearbeitet werden. Dort sehen wir oft Vorlagen wie Standard, Leere Seite, Startseite, Archiv oder Einzelbeitrag, wobei nicht jede Vorlage für jede Seitenart relevant ist. Wenn eine gewünschte Seitenvorlage nicht angezeigt wird, liegt das oft daran, dass das Theme sie nicht mitbringt oder bestimmte Funktionen nur in der Pro-Version eines Themes verfügbar sind.
Eine Seitenvorlage einer Seite zuweisen
Eine Seitenvorlage zuzuweisen ist in WordPress in der Regel unkompliziert. Wir öffnen dazu die gewünschte Seite im Editor und rufen in der rechten Einstellungsleiste die Optionen für die Seite auf. Dort finden wir, je nach Theme und Editor-Version, eine Auswahl für das Template beziehungsweise die Vorlage. Nach Auswahl der passenden Seitenvorlage und dem Speichern oder Aktualisieren wird die Seite mit dieser Struktur im Frontend ausgegeben. Wichtig ist, die Änderung anschließend direkt auf der Website zu prüfen, da manche Vorlagen durch zusätzliche Theme-Einstellungen oder globale Stile anders wirken können als erwartet.
Typische Seitenvorlagen und ihre Einsatzbereiche
Zu den typischen Seitenvorlagen gehört zunächst die Standardvorlage, die meist für normale Inhaltsseiten verwendet wird. Eine Vorlage ohne Sidebar eignet sich besonders für fokussierte Inhalte, bei denen die volle Seitenbreite genutzt werden soll. Für Kontaktseiten gibt es in manchen Themes eigene Vorlagen, die Platz für Kontaktinformationen, Formulare, Karten oder Call-to-Action-Elemente schaffen. Landingpage-Vorlagen sind oft bewusst reduziert gestaltet, damit Besuchende nicht durch Navigationselemente oder Nebenspalten abgelenkt werden. Darüber hinaus existieren in vielen Themes spezielle Vorlagen für Startseiten, Blog-Übersichten, Archivseiten oder Seiten mit individueller Header-Darstellung.
Startseite mit einer passenden Vorlage gestalten
Die Startseite ist meist die wichtigste Seite einer Website, weil sie den ersten Eindruck vermittelt und Nutzerinnen und Nutzer gezielt zu wichtigen Inhalten führen soll. Deshalb ist es sinnvoll, für die Startseite eine Vorlage zu verwenden, die auf Übersicht, Markenwirkung und Navigation ausgelegt ist. Viele Themes bieten dafür eine spezielle Homepage- oder Frontpage-Vorlage, in der Hero-Bereiche, Abschnittsblöcke und Teaser bereits sinnvoll angeordnet sind. Wenn wir eine statische Startseite in WordPress eingerichtet haben, können wir dieser Seite gezielt eine passende Vorlage zuweisen. So schaffen wir eine klare Struktur, die sowohl optisch überzeugt als auch funktional auf die Ziele der Website einzahlt.
Vorlagen für Landingpages und Kontaktseiten nutzen
Landingpages verfolgen meist ein konkretes Ziel, etwa die Generierung von Anfragen, Downloads oder Verkäufen. Deshalb sollten Vorlagen für Landingpages möglichst fokussiert aufgebaut sein und unnötige Navigation oder ablenkende Elemente vermeiden. Eine gute Landingpage-Vorlage enthält häufig großzügige Inhaltsbereiche, Call-to-Action-Abschnitte und eine klare visuelle Hierarchie. Kontaktseiten profitieren dagegen von Vorlagen, die Informationen schnell auffindbar machen, etwa durch einen strukturierten Aufbau mit Adresse, Kontaktformular, Öffnungszeiten und Anfahrtsbeschreibung. Mit den passenden Seitenvorlagen können wir beide Seitentypen gezielt so gestalten, dass sie ihre jeweilige Aufgabe bestmöglich erfüllen.
Seitenvorlagen im Site-Editor anpassen
Im Site-Editor können wir in Block-Themes Vorlagen direkt visuell bearbeiten, ohne dafür Code schreiben zu müssen. Das ist besonders hilfreich, wenn wir wiederkehrende Strukturen wie Header, Footer oder Inhaltsbereiche anpassen möchten. Änderungen an einer Vorlage wirken sich auf alle Seiten aus, die diese Vorlage verwenden, weshalb wir hier sehr bewusst vorgehen sollten. Im Site-Editor lassen sich Blöcke verschieben, hinzufügen, entfernen und mit globalen Stilen kombinieren. Dadurch wird WordPress deutlich flexibler, gleichzeitig steigt aber auch die Bedeutung einer sauberen Planung, damit das Gesamtdesign konsistent bleibt.
Wann eine neue Vorlage sinnvoll ist
Eine neue Vorlage ist dann sinnvoll, wenn eine bestimmte Seitenart regelmäßig vorkommt und sich in Struktur oder Zielsetzung deutlich von anderen Seiten unterscheidet. Wenn wir zum Beispiel mehrere Landingpages mit identischem Aufbau erstellen möchten, spart eine eigene Vorlage viel Zeit und sorgt für Einheitlichkeit. Auch bei speziellen Anforderungen, etwa einer vertriebsorientierten Seite ohne Standardnavigation, kann eine neue Vorlage sinnvoller sein als viele Einzelanpassungen pro Seite. Nicht empfehlenswert ist es dagegen, für jede kleine Abweichung sofort eine neue Vorlage anzulegen, da dies die Website unnötig komplex macht. Eine neue Vorlage sollte immer dann entstehen, wenn sie einen klaren, wiederverwendbaren Nutzen bietet.
Änderungen an Vorlagen gezielt speichern
Beim Bearbeiten von Vorlagen in WordPress ist es wichtig, genau zu unterscheiden, ob wir eine einzelne Seite oder die zugrunde liegende Vorlage verändern. Gerade im Site-Editor kann eine Anpassung schnell global wirksam werden, wenn wir direkt das Template bearbeiten. Deshalb sollten wir Änderungen bewusst speichern und vor dem Veröffentlichen prüfen, auf welche Inhalte sie sich auswirken. In vielen Fällen ist es sinnvoll, nicht die bestehende Vorlage zu überschreiben, sondern eine Kopie oder Variante anzulegen. So behalten wir Kontrolle über Designänderungen und vermeiden, dass unbeabsichtigt mehrere Seiten gleichzeitig verändert werden.
Auswirkungen von Vorlagen auf das gesamte Design
Seitenvorlagen beeinflussen das gesamte Erscheinungsbild einer Website oft stärker, als es auf den ersten Blick scheint. Sie definieren nicht nur Inhaltsbereiche, sondern auch die Beziehung zu Header, Footer, Abständen, Breiten und teilweise sogar zu Navigationsstrukturen. Wenn mehrere Seiten dieselbe Vorlage verwenden, führt eine Änderung an dieser Vorlage automatisch zu einem einheitlichen, aber eben auch globalen Effekt. Das ist einerseits effizient, kann andererseits jedoch problematisch sein, wenn Anpassungen nicht ausreichend getestet wurden. Daher sollten wir Vorlagen immer als strategisches Gestaltungselement verstehen, das eng mit dem Corporate Design und der Nutzerführung verbunden ist.
Häufige Probleme mit Seitenvorlagen lösen
Ein häufiges Problem ist, dass eine gewünschte Vorlage im Editor nicht angezeigt wird. Dann sollten wir zunächst prüfen, ob das verwendete Theme diese Vorlage überhaupt unterstützt und ob wir die richtige Seitenart bearbeiten. Ebenfalls oft kommt es vor, dass Änderungen an einer Vorlage nicht sichtbar werden, weil Caching aktiv ist, also zwischengespeicherte Versionen der Seite ausgeliefert werden. In solchen Fällen helfen das Leeren des Browser-Caches, das Aktualisieren des WordPress-Caches oder ein Test im Inkognito-Modus. Wenn Inhalte plötzlich unerwartet anders aussehen, liegt das oft daran, dass versehentlich die globale Vorlage statt nur der einzelnen Seite bearbeitet wurde.
Best Practices für den Einsatz von Seitenvorlagen
Eine der wichtigsten Best Practices ist, Seitenvorlagen nur dort einzusetzen, wo sie einen klaren Mehrwert bringen. Wir sollten Vorlagen konsistent benennen, damit Redaktionen schnell erkennen, welche Vorlage für welchen Zweck gedacht ist. Sinnvoll ist außerdem, die Anzahl der Vorlagen überschaubar zu halten, damit die Pflege langfristig beherrschbar bleibt. Vor dem Livegang sollten wir jede Vorlage auf verschiedenen Geräten prüfen, denn Responsivität, also die Anpassung an unterschiedliche Bildschirmgrößen, ist für die Nutzererfahrung entscheidend. Darüber hinaus empfehlen wir, Änderungen an Vorlagen möglichst zuerst in einer Testumgebung vorzunehmen, um ungewollte Auswirkungen auf die Live-Website zu vermeiden.
Zusammenfassung
Seitenvorlagen sind in WordPress ein sehr wirkungsvolles Mittel, um Inhalte strukturiert, effizient und konsistent darzustellen. Sie helfen dabei, unterschiedliche Seitentypen wie Startseiten, Kontaktseiten oder Landingpages gezielt an ihre jeweilige Aufgabe anzupassen. Entscheidend ist, den Unterschied zwischen Inhalt, Vorlage und Layout zu verstehen, damit Änderungen planbar und nachvollziehbar bleiben. Besonders im Zusammenspiel mit modernen Block-Themes und dem Site-Editor eröffnen Seitenvorlagen viele Möglichkeiten, erfordern aber auch ein bewusstes und sorgfältiges Vorgehen. Wenn wir Vorlagen strategisch einsetzen, sauber verwalten und Änderungen gezielt testen, schaffen wir eine Website, die sowohl optisch überzeugt als auch redaktionell leicht pflegbar bleibt.
