Ich stieß auf dieses Problem, als ich ein ausführliches Tutorial auf meinem Blog vorstellen wollte. Das Theme, das ich verwendete, zwang jeden Beitrag in dasselbe enge Layout, mit Sidebar, Autorenbox, Kommentaren – das ganze Programm. Es funktionierte einfach nicht für das, was ich brauchte.
Wenn Sie etwas Ähnliches tun, zeigt Ihnen diese Anleitung, wie Sie eine benutzerdefinierte WordPress-Beitrags-Vorlage erstellen, damit Sie das Layout für bestimmte Beiträge ändern können. Sie lernen vier Möglichkeiten kennen, von No-Code bis zum Site-Editor.
Nicht sicher, welche Methode passt? Hier ist eine schnelle Möglichkeit zur Auswahl:
- Sie möchten die volle Designkontrolle ohne Code: Verwenden Sie SeedProd (Methode 1).
- Sie verwenden ein Block-Theme und bearbeiten gerne in WordPress: Verwenden Sie den Site-Editor (Methode 2).
- Sie möchten einfach nur ein gespeichertes Layout über mehrere Beiträge hinweg wiederverwenden: Verwenden Sie Synced Patterns (Methode 3).
- Sie sind mit PHP vertraut: Codieren Sie Ihre eigene Vorlage (Methode 4).
Warum eine benutzerdefinierte WordPress-Beitrags-Vorlage erstellen?
Eine WordPress-Beitrags-Vorlage ist ein gespeichertes Layout, das steuert, wie einzelne Blogbeiträge angezeigt werden. Sie legt fest, wo Titel, Beitragsbild, Inhalt und Extras wie Kommentare oder verwandte Beiträge erscheinen.
Ich habe das schon öfter gebraucht, besonders wenn ich lange Tutorials oder Blogbeiträge geschrieben habe, die nicht in das Standardlayout passen. Die meisten WordPress-Themes bieten nur ein einziges Beitragsdesign, das normalerweise für kurze, einfache Inhalte konzipiert ist.
Eine benutzerdefinierte Beitrags-Vorlage gibt Ihnen mehr Kontrolle darüber, wie einzelne Blogbeiträge aussehen und sich anfühlen. Sie können das Layout basierend auf Inhalt, Kategorie oder Zweck anpassen. Hier ist, was das ermöglicht:
- Verwenden Sie unterschiedliche Layouts für verschiedene Inhaltstypen: z. B. Vollbild für Tutorials und Layouts mit Sidebar für Nachrichtenbeiträge
- Heben Sie hervorgehobene oder zeitlose Inhalte hervor, indem Sie benutzerdefinierte Banner, Lead-Magnete oder Handlungsaufforderungen hinzufügen
- Entfernen Sie Ablenkungen wie Seitenleisten oder Autorenboxen, die dem Beitrag keinen Mehrwert bieten
- Passen Sie Ihr Layout an die Kategorie des Beitrags an, z. B. „Anleitungen“, „Rezepte“ oder „Bewertungen“
- Testen Sie Layoutänderungen, ohne Ihre Theme-Dateien zu bearbeiten oder benutzerdefinierten Code zu schreiben
Wenn Sie bloggen, Tutorials erstellen oder eine Geschäftswebsite betreiben, erleichtert eine benutzerdefinierte Beitrags-Vorlage das Lesen Ihrer Inhalte und passt diese besser an Ihre Ziele an.
4 Wege, eine benutzerdefinierte WordPress-Beitrags-Vorlage zu erstellen
Nachdem Sie nun wissen, was eine benutzerdefinierte WordPress-Beitrags-Vorlage ist, sehen wir uns an, wie Sie eine erstellen. Wir behandeln vier Methoden, damit Sie diejenige auswählen können, die am besten für Sie geeignet ist.
- Methode 1: Verwenden Sie SeedProd, um eine benutzerdefinierte Beitrags-Vorlage zu erstellen
- Methode 2: Bearbeiten der einzelnen Beitrags-Vorlage im WordPress Site-Editor
- Methode 3: Speichern eines benutzerdefinierten Beitrags-Layouts als Synced Pattern
- Methode 4: Manuelles Codieren einer WordPress-Beitrags-Vorlage
- FAQs zu WordPress-Beitrags-Vorlagen
Methode 1: Verwenden Sie SeedProd, um eine benutzerdefinierte Beitrags-Vorlage zu erstellen
Der einfachste Weg, eine benutzerdefinierte Vorlage für einzelne Beiträge zu erstellen, ist mit SeedProd, dem besten WordPress Theme Builder Plugin auf dem Markt. Sie können eine Vorlage visuell entwerfen und anwenden, ohne Code und ohne Ihre Theme-Ordner bearbeiten zu müssen.
So funktioniert der Prozess: Installieren Sie SeedProd und fügen Sie Ihren Lizenzschlüssel hinzu, öffnen Sie den Theme Builder und wählen Sie ein Theme aus, bearbeiten Sie die Vorlage für einzelne Beiträge und aktivieren Sie dann das Theme.
Schritt 1: SeedProd installieren und Lizenzschlüssel hinzufügen
Installieren und aktivieren Sie zuerst das SeedProd Plugin. Wenn Sie Hilfe benötigen, sehen Sie sich diese Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins an.
Gehen Sie anschließend zu SeedProd » Einstellungen und geben Sie Ihren Lizenzschlüssel ein. Sie finden ihn unter Ihrem Konto auf der SeedProd-Website.
Schritt 2: Öffnen Sie den Theme Builder und wählen Sie ein Theme aus
SeedProd ersetzt das Theme, das Sie derzeit verwenden, und ermöglicht es Ihnen, jeden Zentimeter Ihrer Website mit seinem visuellen Drag-and-Drop-Builder anzupassen. Gehen Sie zu SeedProd » Theme Builder und klicken Sie auf die Schaltfläche Themes, um zu beginnen.
Sie sehen eine Vielzahl von vorgefertigten WordPress-Theme-Vorlagen. Um eine auszuwählen, fahren Sie mit der Maus über die Miniaturansicht und klicken Sie auf das Häkchensymbol.
Nachdem Sie ein Theme ausgewählt haben, sehen Sie eine Liste von Vorlagenteilen:
- Einzelne Seite
- Einzelner Beitrag
- Blog- und Archivseite
- Startseite
- Seitenleiste
- Fußzeile
- Kopfzeile
Dies sind die Elemente, aus denen ein vollständiges WordPress-Theme besteht. Normalerweise können Sie nur darauf zugreifen, indem Sie Theme-Dateien bearbeiten, aber SeedProd zeigt sie alle in einer visuellen Oberfläche an.
Schritt 3: Bearbeiten Sie die Single Post-Vorlage
SeedProd enthält standardmäßig eine benutzerdefinierte Single Post-Vorlage, die Sie visuell anpassen können. Suchen Sie den Abschnitt Single Post und klicken Sie auf den Link Design bearbeiten, um ihn im Editor zu öffnen.
Der Editor hat ein zweispaltiges Layout. Blöcke und Abschnitte befinden sich links, und eine Live-Vorschau befindet sich rechts, sodass Sie Änderungen in Echtzeit sehen.
Klicken Sie auf eine beliebige Stelle in der Vorlage, um das Layout anzupassen. Klicken Sie zum Beispiel auf den Beitragstitel, und seine Einstellungen werden im linken Bereich angezeigt.
Von dort aus können Sie die Überschriften-Tags, Ausrichtung, Ebene und Schriftgröße ändern. Der Tab "Erweitert" ermöglicht es Ihnen, Schriftfarben, Abstände und andere Stile zu ändern.
SeedProd verwendet Vorlagen-Tags, um dynamische WordPress-Inhalte wie Beitragstitel, Beitragsbilder und Kommentare abzurufen. So können Sie alle Arten von Inhalten anzeigen, ohne Ihre Single Post-Datei direkt zu bearbeiten.
Sie können zum Beispiel den Block "Beiträge" am Ende Ihres Beitragsinhalts ziehen und ihn dann so einstellen, dass Beiträge aus bestimmten Kategorien angezeigt werden.
Wenn Sie mit dem Layout zufrieden sind, speichern Sie es, indem Sie auf die grüne Schaltfläche Speichern in der oberen rechten Ecke klicken.
Sie können den Rest Ihres Themes auf die gleiche Weise anpassen. Wenn Sie Hilfe benötigen, finden Sie hier eine Anleitung, wie Sie mit SeedProd ein benutzerdefiniertes WordPress-Theme erstellen.
Schritt 4: Aktivieren Sie Ihr SeedProd-Theme
Wenn alles richtig aussieht, klicken Sie auf den Schalter SeedProd-Theme aktivieren in der oberen rechten Ecke.
So sieht unsere neue benutzerdefinierte Single Post-Vorlage aus. Wir haben die Autorenbox entfernt und verwandte Beiträge und Social Media-Share-Buttons hinzugefügt.
Legen Sie ein anderes Layout für eine Kategorie fest
Mit SeedProd können Sie so viele benutzerdefinierte Beitragsvorlagen hinzufügen, wie Sie möchten, sodass jede Beitragskategorie ihr eigenes Layout haben kann. Ich verwende dies auf meinem eigenen Blog, um langen Tutorials ein Vollbild-Design zu geben, während Nachrichtenbeiträge die Seitenleiste beibehalten.
Um ein kategoriefreundliches Layout einzurichten, klicken Sie auf den Link Duplizieren unter Ihrer Single Post-Vorlage, gestalten Sie die Kopie dann neu und legen Sie ihre Bedingungen fest.
Klicken Sie auf der Kopie auf den Link Bedingungen bearbeiten, um auszuwählen, wo die Vorlage angezeigt wird. Geben Sie ihr einen Namen und wählen Sie dann unter der Überschrift Bedingungen den Inhaltstyp aus.
Für unser Tutorials-Beispiel wählten wir „Kategorie haben“ im Abschnitt Beiträge, gaben die Kategorie Tutorials ein, setzten die Priorität auf 10 und klickten auf Speichern. Jetzt zeigt jeder Beitrag in dieser Kategorie das neue Layout.
Hier ist die fertige Vorlage für Tutorials. Wir haben die Seitenleiste entfernt, um sie bildschirmfüllend zu machen, und den Abschnitt für verwandte Beiträge und Kommentare entfernt, um den Fokus auf das Tutorial selbst zu legen.
Dies ist der einfachste Weg, mehrere benutzerdefinierte Beitrags-Templates zu erstellen. Es erfordert keinen Code, berührt Ihre Theme-Dateien nicht und erfordert keine technischen Kenntnisse.
Methode 2: Bearbeiten der einzelnen Beitrags-Vorlage im WordPress Site-Editor
Wenn Sie ein Block-Theme verwenden, können Sie die Single-Post-Vorlage direkt im WordPress Site Editor bearbeiten, ohne ein Plugin zu benötigen. Dies ist die native Methode, und die, die ich verwende, wenn eine Website bereits ein Block-Theme verwendet und ich nur kleine Änderungen vornehmen muss.
Gehen Sie in Ihrem Dashboard zu Darstellung » Editor, um den Site Editor zu öffnen. Wählen Sie dann Vorlagen und klicken Sie auf Einzelbeiträge, um die Vorlage zu öffnen, die alle Ihre einzelnen Blogbeiträge steuert.
Öffnen Sie die Listenansicht, um die Struktur der Vorlage zu sehen, einschließlich Blöcken wie dem Beitragsbild, dem Beitragstitel, dem Beitragsinhalt und den Kommentaren.
Von hier aus können Sie Blöcke hinzufügen oder entfernen, um das Layout neu zu gestalten. Löschen Sie den Kommentarblock, um den unteren Teil Ihrer Beiträge aufzuräumen, oder fügen Sie einen Abfrage-Loop-Block ein, um verwandte Beiträge anzuzeigen.
Wenn Sie fertig sind, klicken Sie auf Speichern.
Für die vollständige Referenz dessen, was Sie hier tun können, führt die offizielle WordPress Template Editor Dokumentation durch jede Option. Der Nachteil ist, dass der Site Editor Ihre Single-Post-Vorlage global ändert, sodass Sie für kategoriespezifische Layouts immer noch die Bedingungen von SeedProd benötigen.
Methode 3: Speichern eines benutzerdefinierten Beitrags-Layouts als Synced Pattern
Diese Methode verwendet den WordPress Block Editor. Streng genommen erstellt sie keine Beitrags-Vorlage, aber sie bietet eine einfache Möglichkeit, ein Single-Post-Layout zu speichern und wiederzuverwenden.
Der Trick ist der Gruppenblock, mit dem Sie mehrere Blöcke zu einem Layout zusammenfassen können. Sie speichern dann diese Gruppe als synchronisiertes Muster und fügen sie in jeden Beitrag ein.
Gehen Sie zuerst zu Beiträge » Neu hinzufügen und erstellen Sie einen neuen Beitrag. Klicken Sie auf das Pluszeichen (+) und fügen Sie einen Gruppenblock in Ihren Inhaltsbereich ein.
Fügen Sie Blöcke innerhalb der Gruppe hinzu, um Ihr Single-Post-Layout zu erstellen. Sie können Spalten, Text, Medien, Bilder und mehr verwenden.
Wenn das Layout richtig aussieht, wählen Sie den Gruppenblock aus, sodass er eine Umrandung hat.
Klicken Sie auf die drei Punkte, um die Optionen des Blocks zu erweitern, und wählen Sie dann Muster erstellen. Geben Sie dem Muster einen Namen und stellen Sie sicher, dass Synchronisiert aktiviert ist, damit Änderungen an einer Kopie alle aktualisieren.
Wenn Sie nun einen neuen Beitrag schreiben, öffnen Sie den Block-Inserter, gehen Sie zum Tab Muster und finden Sie Ihr gespeichertes Muster unter Meine Muster. Klicken Sie darauf, um das vollständige Layout in Ihren Beitrag einzufügen.
Dies speichert benutzerdefinierte Layouts für Blogbeiträge, ändert aber nicht, wie Ihr Theme einzelne Beiträge behandelt. Für mehr Flexibilität lesen Sie weiter.
Methode 4: Manuelles Codieren einer WordPress-Beitrags-Vorlage
Diese Methode ist fortgeschritten. Sie beinhaltet die Bearbeitung von Theme-Dateien, das Einfügen von Code und das Schreiben von benutzerdefiniertem CSS. Verwenden Sie sie daher nur, wenn Sie sich mit PHP auskennen.
Öffnen Sie zuerst einen einfachen Texteditor wie Notepad. Fügen Sie dann den folgenden Code ein:
<?php
/*
* Template Name: Featured Article
* Template Post Type: post, page, product
*/
?>Dieser Code definiert eine neue Beitrags-Vorlage namens „Featured Article“ und macht sie für Beiträge, Seiten und Produkttypen verfügbar.
Nachdem Sie den Code kopiert haben, speichern Sie die Datei als sp_single_post.php auf Ihrem Desktop. Laden Sie sie dann mit einem FTP-Client in Ihren aktuellen WordPress-Theme-Ordner hoch.
Sobald die Datei vorhanden ist, melden Sie sich in Ihrem WordPress-Adminbereich an und bearbeiten Sie einen Beitrag. Scrollen Sie nach unten zum Meta-Box „Beitragsattribute“, wo Sie eine Option zum Auswählen einer Vorlage sehen.
Hier sehen Sie Ihre neue Vorlage „Featured Article“. Vorerst zeigt die Auswahl einen weißen Bildschirm, da die Datei leer ist.
Um dies zu beheben, kopieren Sie den Code aus der single.php-Datei Ihres Themes als Ausgangspunkt. Öffnen Sie single.php, kopieren Sie alles nach der Zeile get_header() und fügen Sie es am Ende Ihrer sp_single_post.php-Datei ein.
Speichern Sie dann die Datei und laden Sie sie zurück auf Ihren Server. An diesem Punkt entspricht die Vorlage Ihrem alten Single-Post-Layout.
Passen Sie sie von dort aus an, indem Sie CSS-Klassen hinzufügen, Seitenleisten entfernen oder andere gewünschte Änderungen vornehmen.
FAQs zu WordPress-Beitrags-Vorlagen
Wie lege ich eine benutzerdefinierte Vorlage als Standard für alle Beiträge fest?
Das hängt von Ihrer Methode ab. Im Site-Editor ist die Vorlage „Single Posts“ bereits der Standard für jeden Beitrag, sodass jede dort gespeicherte Änderung sich auf die gesamte Website auswirkt. Mit SeedProd legen Sie die Bedingungen einer Vorlage auf Ihren Beitragstyp ohne Kategorie-Filter fest, was sie zum Fallback-Layout macht. Die Code-Methode gilt nur pro Beitrag über die Beitragsattribute, sodass sie allein nicht als globaler Standard fungieren kann.
Benötige ich ein Block-Theme, um die Single-Post-Vorlage im Site-Editor zu bearbeiten?
Ja. Der Site-Editor erscheint nur, wenn Ihre Website ein Block-Theme wie Twenty Twenty-Four verwendet. Klassische Themes enthalten ihn nicht. Wenn Sie ein klassisches Theme verwenden, nutzen Sie stattdessen SeedProd oder die manuelle Code-Methode, da beide unabhängig von Ihrem Theme-Typ funktionieren.
Wie wende ich eine benutzerdefinierte Vorlage nur auf einen bestimmten Beitrag an?
Verwenden Sie für einen einzelnen Beitrag die Code-Methode und wählen Sie Ihre Vorlage unter Beitragsattribute » Vorlage auf dem Bearbeitungsbildschirm dieses Beitrags aus. Dies wendet sie nur auf diesen einen Beitrag an. Wenn Sie stattdessen eine ganze Kategorie ansprechen möchten, ist die Option „Bedingungen bearbeiten“ von SeedProd der schnellere Weg.
Kann ich in WordPress eine benutzerdefinierte Beitrags-Vorlage ohne Code erstellen?
Ja. Der einfachste Weg ist ein visueller Builder wie SeedProd, mit dem Sie benutzerdefinierte Beitrags-Vorlagen entwerfen und anwenden können, ohne Ihr Theme zu bearbeiten oder Code zu schreiben. Auf einem Block-Theme ist der Site-Editor ebenfalls eine No-Code-Option.
Was ist der Unterschied zwischen einer Beitrags-Vorlage und einer Seiten-Vorlage?
WordPress verwendet Seiten-Vorlagen für statische Seiten und Beitrags-Vorlagen für Blog-Inhalte. Eine benutzerdefinierte Beitrags-Vorlage ändert das Aussehen Ihrer Blogbeiträge, während eine Seiten-Vorlage das Layout für Seiten wie „Über uns“ oder „Kontakt“ ändert.
Wird die Änderung der Beitrags-Vorlage alle meine Blogbeiträge betreffen?
Nicht, es sei denn, Sie möchten es. Sie können mehrere Vorlagen erstellen und auswählen, wo jede angezeigt wird. Das gibt Ihnen Flexibilität, ohne Ihre vorhandenen Beiträge zu berühren.
Wir haben vier Möglichkeiten zur Erstellung einer benutzerdefinierten Beitrags-Vorlage in WordPress vorgestellt. Wählen Sie die Methode, mit der Sie sich am wohlsten fühlen, und beginnen Sie, Ihre Blogbeiträge so anzuzeigen, wie Sie es möchten.
Während Sie hier sind, gefällt Ihnen vielleicht auch dieser Beitrag über die Anatomie einer erfolgreichen Landingpage.
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
