So erstellen Sie benutzerdefinierte Vorlagen für einzelne Posts in WordPress
Veröffentlicht: 2022-09-01Möchten Sie eine benutzerdefinierte Vorlage für einzelne Posts in WordPress erstellen?
Benutzerdefinierte Vorlagen für einzelne Posts ermöglichen es Ihnen, unterschiedliche Layouts für Ihre einzelnen Blog-Posts zu verwenden. Viele WordPress-Themes werden mit einigen verschiedenen Seitenvorlagen geliefert, und Sie können bei Bedarf auch Ihre eigenen erstellen.
In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach benutzerdefinierte Vorlagen für einzelne Posts in WordPress erstellen. Wir stellen Ihnen mehrere Methoden zur Verfügung, sodass Sie eine auswählen können, die Ihren Anforderungen am besten entspricht.
Wann benötigen Sie eine benutzerdefinierte Vorlage für einzelne Posts?
Manchmal möchten Sie vielleicht ein anderes Erscheinungsbild für bestimmte Beiträge auf Ihrer WordPress-Website. Beispielsweise möchten Sie möglicherweise ein anderes Layout für vorgestellte Artikel oder Geschichten in einer bestimmten Kategorie verwenden.
Hier benötigen Sie eine benutzerdefinierte Vorlage für einzelne Posts in WordPress.
Standardmäßig verwendet WordPress die einzelne Beitragsvorlage basierend auf der WordPress-Vorlagenhierarchie. Alle Themes werden mit einer single.php-Vorlage geliefert, die standardmäßig für alle Ihre einzelnen Posts verwendet wird.
Einige Themen können auch zusätzliche Vorlagen oder Layoutoptionen enthalten, die Sie verwenden können.
Es ist sehr ähnlich wie das Erstellen einer benutzerdefinierten Seitenvorlage. Die meisten WordPress-Themes enthalten auch Seitenvorlagen, die Sie beim Bearbeiten eines Beitrags oder einer Seite in WordPress verwenden können.
Lassen Sie uns einen Blick darauf werfen, wie Sie auf einfache Weise benutzerdefinierte Vorlagen für einzelne Posts in WordPress erstellen können. Wir zeigen Ihnen mehrere Methoden, damit Sie diejenige verwenden können, die für Sie am besten geeignet ist.
- Erstellen einzelner Beitragsvorlagen mit dem Blockeditor
- Erstellen benutzerdefinierter Einzelpostvorlagen mit SeedProd
- Verwenden von Themeneinstellungen zum Erstellen einzelner Post-Layouts
- Manuelles Erstellen benutzerdefinierter Vorlagen für einzelne Posts mit Code
- Erstellen benutzerdefinierter Vorlagen für einzelne Posts nach Kategorie
- Erstellen von benutzerdefinierten Vorlagen für einzelne Posts für bestimmte Autoren
Erstellen einzelner Beitragsvorlagen mit dem Blockeditor
Diese Methode erstellt nicht wirklich eine Beitragsvorlage und ist in ihrer Flexibilität eingeschränkt. Es ist jedoch der einfachste Weg, Ihre eigenen einzelnen Post-Layouts zu speichern und sie dann wiederzuverwenden.
Der standardmäßige WordPress-Blockeditor verfügt über eine integrierte Funktion, mit der Sie Blöcke speichern und wiederverwenden können. Ein solcher wiederverwendbarer Block ist der Gruppenblock.
Mit dem Gruppenblock können Sie mehrere Blöcke und ganze Post-Layouts in einer Gruppe zusammenfassen. Sie können diesen Gruppenblock dann speichern und in Ihren anderen Beiträgen wiederverwenden.
Werfen wir einen Blick darauf, wie Sie den Gruppenblock verwenden, um Ihre benutzerdefinierten Beitragsvorlagen zu speichern.
Zuerst müssen Sie einen neuen Beitrag in WordPress erstellen. Fügen Sie danach einfach einen Gruppenblock zum Inhaltsbereich hinzu.
Jetzt können Sie Blöcke zum Gruppenblock hinzufügen, um ein einzelnes Post-Layout für Ihren WordPress-Blog zu erstellen.
Sie können beliebige Blöcke hinzufügen, einschließlich Spalten, Medien und Text, Titelbilder und mehr.
Wenn Sie mit dem erstellten Layout zufrieden sind, müssen Sie mit der Maus nach oben gehen und den Gruppenblock auswählen.
Klicken Sie einfach auf das Dreipunkt-Menüsymbol und wählen Sie dann die Option „Zu wiederverwendbaren Blöcken hinzufügen“.
Als nächstes müssen Sie einen Namen für den wiederverwendbaren Block angeben und dann auf die Schaltfläche Speichern klicken. WordPress speichert jetzt deinen wiederverwendbaren Block einschließlich aller Blöcke innerhalb des Gruppenblocks.
Sie können dann jeden vorhandenen Beitrag auf Ihrer Website bearbeiten oder einen neuen erstellen. Klicken Sie auf dem Post-Bearbeitungsbildschirm einfach auf die Schaltfläche „Neuen Block hinzufügen“ und suchen Sie auf der Registerkarte „Wiederverwendbar“ nach Ihrem gespeicherten Block.
Fügen Sie den Block zu Ihrem Beitrag hinzu und WordPress lädt Ihren gesamten Gruppenblock mit allen Blöcken und Einstellungen, wie Sie sie gespeichert haben.
Mit dieser Methode können Sie Ihre benutzerdefinierten Layouts speichern. Sie können jedoch nicht ändern, wie Ihr Thema mit einzelnen Posts umgeht.
Wenn Sie mehr Flexibilität wünschen, lesen Sie im nächsten Schritt weiter.
Erstellen von benutzerdefinierten Einzelbeitragsvorlagen mit SeedProd
Der einfachste Weg, eine benutzerdefinierte Vorlage für einzelne Posts zu erstellen, ist die Verwendung von SeedProd. Es ist das beste WordPress Website-Builder-Plugin und kann schöne Website-Layouts und benutzerdefinierte Vorlagen erstellen, ohne Code schreiben zu müssen.
Sie können den Drag-and-Drop-Builder von SeedProd verwenden, um ein vollständig benutzerdefiniertes WordPress-Design zu erstellen, einschließlich benutzerdefinierter Vorlagen für einzelne Posts.
Als erstes müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung müssen Sie Ihren Lizenzschlüssel eingeben. Sie finden diese Informationen unter Ihrem Konto auf der SeedProd-Website.
Danach ist es an der Zeit, ein benutzerdefiniertes WordPress-Theme zu erstellen. Das ist viel einfacher als es klingt.
Erstellen eines benutzerdefinierten WordPress-Themes
Zuerst müssen Sie zur Seite SeedProd » Theme Builder gehen . Hier verwenden Sie eines der vorgefertigten Designs von SeedProd als Ausgangspunkt. Dadurch wird Ihr vorhandenes WordPress-Theme durch ein neues, benutzerdefiniertes Design ersetzt.
Sie können dies tun, indem Sie auf die Schaltfläche „Themen“ klicken.
Ihnen wird eine Liste professionell gestalteter Themen angezeigt, die für verschiedene Arten von Websites entwickelt wurden. Beispielsweise gibt es Vorlagen mit den Namen „Modern Business“, „Marketing Agency“ und „Mortgage Broker Theme“.
Sehen Sie sich die Optionen an und wählen Sie eine aus, die Ihren Anforderungen am besten entspricht, indem Sie auf das Häkchensymbol klicken.
Sobald Sie ein Thema ausgewählt haben, generiert SeedProd alle benötigten Themenvorlagen, einschließlich einer für einzelne Seiten und einer für einzelne Posts.
Jede Vorlage ist mit attraktiven Layouts und Platzhalterinhalten ausgestattet, die einfach angepasst werden können.
Um mehr über das Erstellen eines Designs mit SeedProd zu erfahren, lesen Sie unsere Anleitung zum einfachen Erstellen eines benutzerdefinierten WordPress-Designs ohne Code.
Anpassen der Standardvorlage für einzelne Posts
SeedProd macht es einfach, die Standardvorlage „Single Post“ mithilfe eines Drag-and-Drop-Seitenerstellers anzupassen.
Klicken Sie einfach auf den Link „Design bearbeiten“, der sich unter der Vorlage befindet. Dadurch wird Ihre Beitragsvorlage im visuellen Editor von SeedProd geöffnet.
Der visuelle Editor von SeedProd hat ein 2-Spalten-Layout. Auf der linken Seite finden Sie Blöcke und Abschnitte, die Sie Ihrem Design hinzufügen können. Und rechts ist eine Vorschau der Vorlage, in der Sie Ihre Änderungen in Echtzeit sehen können.
Es ist auch einfach, das Layout Ihrer Beitragsvorlage anzupassen. Klicken Sie einfach auf einen beliebigen Block, um seine Einstellungen in der linken Spalte anzuzeigen.
Wenn Sie beispielsweise auf den Titel des Beitrags klicken, können Sie dessen Einstellungen sehen. Jetzt können Sie die Ausrichtung, die Schriftgröße, die Überschriftenebene und mehr ändern.
Wenn Sie auf die Registerkarte Erweitert klicken, können Sie Schriftfarben, Abstände und andere Stile ändern.
Sie können weitere Blöcke hinzufügen, indem Sie sie aus der linken Spalte in die Vorschauspalte ziehen. SeedProd verwendet Vorlagen-Tags, um dynamische Inhalte wie Beitragstitel, ausgewählte Bilder, Kommentare und mehr einzufügen. Auf diese Weise können Sie der Vorlage Inhalte hinzufügen, ohne jeden Beitrag einzeln bearbeiten zu müssen.
Sie können beispielsweise am Ende Ihres Beitragsinhalts einen Posts-Block hinzufügen. Dadurch werden aktuelle Beiträge angezeigt, die Ihre Besucher möglicherweise lesen möchten, wenn sie den aktuellen Beitrag beendet haben. Dieser Block wird automatisch in allen Beiträgen angezeigt, die diese Vorlage verwenden.
Als Nächstes können Sie die Einstellungen des Posts-Blocks ändern, um den angezeigten Inhalt anzupassen.
Sie können beispielsweise Inhalte aus bestimmten Kategorien anzeigen, ein zweispaltiges Layout verwenden und die Anzahl der angezeigten Beiträge ändern.
Fühlen Sie sich frei, Zeit damit zu verbringen, mit verschiedenen Blöcken zu experimentieren und ihre Einstellungen zu erkunden.
Nachdem Sie etwas erstellt haben, das Sie als Beitragsvorlage verwenden möchten, ist es an der Zeit, es zu speichern, indem Sie auf die grüne Schaltfläche „Speichern“ in der oberen rechten Ecke klicken. Danach können Sie den visuellen Editor von SeedProd schließen, indem Sie auf das Schließsymbol „X“ klicken.
Sie können den Rest Ihres WordPress-Themes auf die gleiche Weise anpassen. Wenn Sie jedoch ein wenig Hilfe benötigen, lesen Sie unsere Schritt-für-Schritt-Anleitung zum Erstellen eines benutzerdefinierten WordPress-Themes mit SeedProd.
Wenn Sie mit dem Aussehen zufrieden sind, vergewissern Sie sich, dass der Schalter „Enable SeedProd Theme“ eingeschaltet ist. Ihre WordPress-Site verwendet jetzt Ihr SeedProd-Design und Ihre benutzerdefinierte Vorlage für einzelne Posts.
Verwenden von Designeinstellungen zum Erstellen benutzerdefinierter Layouts für einzelne Posts
Viele beliebte WordPress-Designs verfügen über integrierte Einstellungen, um das Erscheinungsbild Ihrer einzelnen Beitragsvorlage anzupassen.
Wenn Ihr Design diese Einstellungen unterstützt, können Sie sie auf dem Post-Bearbeitungsbildschirm finden. Die verfügbaren Optionen können sich je nach verwendetem Design ändern.
Beispielsweise bietet das Astra-Design Anpassungsoptionen beim Bearbeiten eines einzelnen Beitrags. Mit diesen Optionen können Sie Seitenleisten ändern, Kopfzeilen, Titel, Menüs und mehr ausblenden.
Auf der anderen Seite werden viele der Top-WordPress-Themes mit gebrauchsfertigen Vorlagen geliefert, die Sie verwenden können.
Wenn Ihr Thema einzelne Beitragsvorlagen enthält, finden Sie diese beim Bearbeiten eines Beitrags im Bereich „Vorlage“ oder „Beitragsattribute“.
Diese Vorlagen sind vollständige Layouts, die Sie ohne erforderliche Konfiguration verwenden können.
Manuelles Erstellen benutzerdefinierter Vorlagen für einzelne Posts mit Code
Diese Methode ist etwas fortgeschritten, da Sie Designdateien bearbeiten, Code kopieren und einfügen und optional benutzerdefiniertes CSS hinzufügen müssen. Wenn Sie dies noch nicht getan haben, sehen Sie sich unser Tutorial zum Kopieren und Einfügen von Code in WordPress an.
Zuerst müssen Sie auf Ihrem Computer einen einfachen Texteditor wie Notepad öffnen und den folgenden Code darin einfügen:
<?php
/*
* Template Name: Featured Article
* Template Post Type: post, page, product
*/
get_header(); ?>
Dieser Code definiert eine neue Vorlage namens „Empfohlener Artikel“ und macht sie für Post-, Seiten- und Produktposttypen verfügbar.
Sie sollten diese Datei als wpb-single-post.php
auf Ihrem Desktop speichern. Als nächstes müssen Sie die Vorlage zu Ihrer WordPress-Site hinzufügen. Dazu müssen Sie einen FTP-Client verwenden, um die Datei in Ihren aktuellen Themenordner hochzuladen.
Jetzt können Sie sich in Ihren WordPress-Adminbereich einloggen und einen Beitrag erstellen oder bearbeiten. Scrollen Sie auf dem Post-Bearbeitungsbildschirm ein wenig nach unten, und Sie werden ein neues „Vorlagen“-Feld oder ein „Post-Attribute“-Metafeld mit einer Option zur Auswahl der Vorlage bemerken.
Dort wird Ihre benutzerdefinierte Vorlage „Empfohlener Artikel“ aufgeführt.
Im Moment ist Ihre Vorlage im Wesentlichen leer, sodass bei Auswahl einfach ein weißer Bildschirm angezeigt wird.
Lassen Sie uns das beheben.
Der einfachste Weg, dies zu tun, besteht darin, den Code aus der single.php-Datei Ihres Designs zu kopieren und ihn als Ausgangspunkt zu verwenden. Sie müssen die Datei single.php öffnen und dann alles nach der get_header()
kopieren.
Als nächstes musst du diesen Code am Ende deiner wpb-single-post.php
Datei einfügen. Jetzt können Sie diese Datei speichern und wieder auf Ihren Server hochladen.
Dies sieht jedoch genau so aus wie Ihre aktuelle Vorlage für einzelne Posts. Sie können jetzt damit beginnen, Änderungen an Ihrer benutzerdefinierten Vorlage für einzelne Posts vorzunehmen.
Sie können Ihre eigenen benutzerdefinierten CSS-Klassen hinzufügen, Seitenleisten entfernen, eine Vorlage in voller Breite erstellen oder alles, was Sie wollen.
Erstellen von benutzerdefinierten Einzelbeitragsvorlagen nach Kategorie
Möchten Sie eine benutzerdefinierte Vorlage für einzelne Posts basierend auf Kategorien verwenden? Beispielsweise können Sie Posts in der Kategorie „Reisen“ ein anderes Layout geben als Posts in der Kategorie „Fotografie“.
Sie können dies entweder mit dem SeedProd Theme Builder oder Code tun.
Erstellen von benutzerdefinierten Einzelbeitragsvorlagen nach Kategorie mit SeedProd
Zuvor haben wir behandelt, wie die Standardvorlage für einzelne Posts des SeedProd Theme Builder angepasst werden kann. Aber es hört hier nicht auf. Mit SeedProd können Sie beliebig viele benutzerdefinierte Beitragsvorlagen hinzufügen, z. B. ein anderes Layout für jede Beitragskategorie.
Um eine neue einzelne Beitragsvorlage hinzuzufügen, klicken Sie einfach auf den Link „Duplizieren“ unter der ursprünglichen Beitragsvorlage. Eine neue Vorlage mit dem Namen „Single Post – Copy“ wird erstellt und oben auf der Themenvorlagenseite hinzugefügt.
Sie können die neue Vorlage auf die gleiche Weise anpassen, wie Sie zuvor die Standardvorlage für einzelne Posts angepasst haben. Klicken Sie einfach auf den Link „Design bearbeiten“ der Vorlage und nehmen Sie mit dem visuellen Editor von SeedProd alle gewünschten Änderungen vor.
Wenn Sie mit der Anpassung der Vorlage fertig sind, müssen Sie einige Bedingungen hinzufügen, damit SeedProd weiß, welche Posts diese Vorlage verwenden sollen. In diesem Fall möchten wir, dass es angezeigt wird, wenn Beiträge innerhalb einer einzelnen Kategorie angezeigt werden.
Sie können dies tun, indem Sie auf den Link „Bedingungen bearbeiten“ der Vorlage klicken und ein neues Fenster öffnet sich.
Hier können Sie der Vorlage einen Namen und eine Priorität geben. Die Standardvorlage für einzelne Posts hat eine Priorität von 0. Stellen Sie also sicher, dass Sie dieser Vorlage eine höhere Priorität zuweisen, damit sie in übereinstimmenden Kategorien angezeigt wird.
Wählen Sie unter „Bedingungen“ im zweiten Dropdown-Menü „Hat Kategorie“ aus und geben Sie dann den Namen der Kategorie in das letzte Feld ein. Wenn Sie beispielsweise möchten, dass nur Posts aus der Kategorie „Fotografie“ dieses Layout verwenden, geben Sie „Fotografie“ ein.
Wenn Sie fertig sind, klicken Sie auf die Schaltfläche "Speichern". Nun wird diese Vorlage für alle Beiträge in der passenden Kategorie verwendet.
Dies ist der einfachste Weg, mehrere benutzerdefinierte Beitragsvorlagen in WordPress zu erstellen. Es erfordert keine Code-Kenntnisse und bringt nicht versehentlich Themendateien durcheinander.
Erstellen von benutzerdefinierten Vorlagen für einzelne Posts nach Kategorie mithilfe von Code
Dies ist eine weitere Methode für diejenigen, die gerne Code zu ihren Designdateien hinzufügen.
Zuerst müssen Sie diesen Code der Datei functions.php Ihres Themes oder einem Code-Snippets-Plugin hinzufügen.
/*
* Define a constant path to our single template folder
*/
define(SINGLE_PATH, TEMPLATEPATH . '/single');
/**
* Filter the single_template with our custom function
*/
add_filter('single_template', 'my_single_template');
/**
* Single template function which will choose our template
*/
function my_single_template($single) {
global $wp_query, $post;
/**
* Checks for single template by category
* Check by category slug and ID
*/
foreach((array)get_the_category() as $cat) :
if(file_exists(SINGLE_PATH . '/single-cat-' . $cat->slug . '.php'))
return SINGLE_PATH . '/single-cat-' . $cat->slug . '.php';
elseif(file_exists(SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php'))
return SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php';
endforeach;
}
Dieser Code prüft zunächst, ob WordPress einen einzelnen Beitrag anfordert. Wenn dies der Fall ist, weist es WordPress an, nach der Vorlage im Ordner /single/
Ihres WordPress-Themes zu suchen.
Jetzt müssen Sie durch diesen Code definierte Vorlagendateien hinzufügen.
Verbinde dich mit einem FTP-Client oder Dateimanager in cPanel mit deinem WordPress-Hosting und gehe zu /wp-content/themes/your-theme-folder/
.
Innerhalb Ihres aktuellen Themenordners müssen Sie einen neuen Ordner mit dem Namen „Single“ erstellen. Als nächstes müssen Sie diesen Ordner öffnen und eine neue Datei darin erstellen. Gehen Sie voran und nennen Sie diese Datei single-cat-{category-slug}
. Ersetzen Sie {category-slug} durch Ihren tatsächlichen Kategorie-Slug.
Wenn Sie beispielsweise eine Kategorie namens „News“ haben, erstellen Sie die Datei „ single-cat-news.php
“. Wenn Sie eine Kategorie namens „Reisetipps“ haben, erstellen Sie eine Vorlage single-cat-travel-tips.php
und so weiter.
Jetzt sind diese Vorlagendateien völlig leer. Als Ausgangspunkt können Sie den Inhalt Ihrer single.php-Datei aus Ihrem Themenordner kopieren und in jede dieser Vorlagen einfügen. Danach müssen Sie diese Vorlagen bearbeiten, um die gewünschten Änderungen vorzunehmen.
Sobald Sie fertig sind, können Sie zu Ihrer Website gehen und einen Beitrag anzeigen. Es wird die Vorlage verwendet, die Sie für die Kategorie erstellt haben, in der dieser Beitrag abgelegt ist.
Nehmen wir nun an, Sie haben einen Beitrag in zwei Kategorien, Nachrichten und Reisetipps. WordPress zeigt automatisch die Vorlage für „News“ an, da sie in alphabetischer Reihenfolge zuerst erscheint.
Wenn Sie andererseits einen Beitrag in einer Kategorie eingereicht und keine Vorlage für diese Kategorie erstellt haben, greift WordPress auf die standardmäßige single.php-Vorlage Ihres Themas zurück.
Erstellen benutzerdefinierter Einzelbeitragsvorlagen für bestimmte Autoren
Angenommen, Sie möchten, dass Beiträge eines bestimmten Autors auf Ihrer Website anders aussehen. Sie können dies mithilfe von Code tun, indem Sie dieselbe Technik anwenden, die wir für Kategorien gezeigt haben.
Zuerst müssen Sie diesen Code zur Datei functions.php Ihres Themes hinzufügen oder a Code-Snippets-Plugin.
/**
* Define a constant path to our single template folder
*/
define(SINGLE_PATH, TEMPLATEPATH . '/single');
/**
* Filter the single_template with our custom function
*/
add_filter('single_template', 'my_single_author_template');
/**
* Single template function which will choose our template
*/
function my_single_author_template($single) {
global $wp_query, $post;
/**
* Checks for single template by author
* Check by user nicename and ID
*/
$curauth = get_userdata($wp_query->post->post_author);
if(file_exists(SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php'))
return SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php';
elseif(file_exists(SINGLE_PATH . '/single-author-' . $curauth->ID . '.php'))
return SINGLE_PATH . '/single-author-' . $curauth->ID . '.php';
}
Als nächstes solltest du dich mit FTP oder dem cPanel-Dateimanager in cPanel mit deiner Website verbinden und dann zu /wp-content/themes/your-theme-folder/
gehen. Wenn Sie darin noch keinen Ordner mit dem Namen /single/ erstellt haben, erstellen Sie ihn jetzt.
In diesem Ordner müssen Sie eine Vorlage erstellen, indem Sie den Benutzernamen des Autors im Vorlagennamen verwenden. Beispiel: single-author-johnsmith.php
.
Diese Vorlage ist leer, sodass Sie den Inhalt der single.php-Vorlage Ihres Themas kopieren und einfügen und als Ausgangspunkt verwenden können.
Sie können jetzt Ihre Website besuchen, um einen Beitrag anzuzeigen, der von einem bestimmten Autor erstellt wurde. Es wird die von Ihnen erstellte Vorlage verwenden.
Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, zu lernen, wie Sie benutzerdefinierte Vorlagen für einzelne Posts in WordPress erstellen. Vielleicht möchten Sie auch erfahren, wie Sie Website-Besucher auf Ihrer WordPress-Seite nachverfolgen, oder sich unsere Liste der unverzichtbaren WordPress-Plugins ansehen, um Ihre Website zu erweitern.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.