Möchten Sie einzigartige Kategorieseiten-Layouts in WordPress erstellen?
Bei WordPress-Websites ist es üblich, verschiedene Vorlagen für Kategorien, Tags, benutzerdefinierte Beitragstypen und Taxonomien zu verwenden.
In diesem Artikel zeigen wir Ihnen, wie Sie Kategorievorlagen in WordPress erstellen.
Durch das Erstellen von Vorlagen für Kategorien können Sie bestimmte Funktionen auf Kategorieseiten hinzufügen.
Sie können beispielsweise Benutzern erlauben, Kategorien zu abonnieren, Kategoriebilder hinzuzufügen, Kategoriebeschreibungen anzuzeigen und für jede Kategorie ein anderes Layout auszuwählen.
Warum Kategorievorlagen in WordPress erstellen?
WordPress generiert individuelle Seiten für alle Ihre Kategorien. Sie können sie anzeigen, indem Sie eine URL wie die folgende aufrufen:
https://example.com/category/news/
Die beliebtesten WordPress-Themes werden mit integrierten Vorlagen geliefert, um Kategorieseiten schön darzustellen. Diese Vorlagen heben den Kategorietitel hervor und zeigen die Kategoriebeschreibung darunter an.
Einige Themen handhaben dies jedoch möglicherweise nicht so gut, oder Sie möchten Ihre Kategorieseiten anpassen. Hier müssen Sie Kategorievorlagen in WordPress erstellen.
Sehen wir uns an, wie Sie Kategorievorlagen in WordPress erstellen.
WordPress-Vorlagenhierarchie für Kategorieseiten
WordPress verfügt über ein leistungsstarkes Vorlagensystem, mit dem Sie verschiedene Vorlagen für verschiedene Bereiche Ihrer Website erstellen können.
Beim Anzeigen einer Seite sucht WordPress in einer vordefinierten hierarchischen Reihenfolge nach einer Vorlage.
Um eine Kategorieseite anzuzeigen, sucht sie nach Vorlagen in dieser Reihenfolge: category-slug.php → category-id.php → category.php → archive.php → index.php
Zuerst sucht WordPress mithilfe des Kategorie-Slugs nach einer Vorlage, die für diese bestimmte Kategorie spezifisch ist. Zum Beispiel wird die Vorlage category-design.php verwendet, um die Kategorie ‚Design‘ anzuzeigen.
Wenn es keine Kategorie-Slug-Vorlage findet, sucht WordPress nach einer Vorlage mit der Kategorie-ID, zum Beispiel category-6.php. Danach wird nach der generischen Kategorievorlage gesucht, die normalerweise category.php ist.
Wenn keine generische Kategorievorlage vorhanden ist, sucht WordPress nach einer generischen Archivvorlage, wie zum Beispiel archive.php. Schließlich wird die index.php-Vorlage verwendet, um die Kategorie anzuzeigen.
Hier ist unser Leitfaden zu WordPress-Vorlagenhierarchien.
Erstellen einer Kategorievorlage für Ihr Theme in WordPress
Schauen wir uns zunächst ein typisches category.php-Template an.
<?php /** * A Simple Category Template */ get_header(); ?> <section id="primary" class="site-content"> <div id="content" role="main"> <?php // Check if there are any posts to display if ( have_posts() ) : ?> <header class="archive-header"> <h1 class="archive-title">Category: <?php single_cat_title( '', false ); ?></h1> <?php // Display optional category description if ( category_description() ) : ?> <div class="archive-meta"><?php echo category_description(); ?></div> <?php endif; ?> </header> <?php // The Loop while ( have_posts() ) : the_post(); ?> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small> <div class="entry"> <?php the_content(); ?> <p class="postmetadata"><?php comments_popup_link( 'No comments yet', '1 comment', '% comments', 'comments-link', 'Comments closed'); ?></p> </div> <?php endwhile; else: ?> <p>Sorry, no posts matched your criteria.</p> <?php endif; ?> </div> </section> <?php get_sidebar(); ?> <?php get_footer(); ?>
Nehmen wir nun an, Sie haben eine Kategorie namens „Design“ mit dem Kategorie-Slug „Design“ und möchten diese Kategorie anders darstellen als andere.
Dazu müssen Sie eine Vorlage für diese bestimmte Kategorie erstellen. Gehe zu Aussehen » Theme-Editor. Klicken Sie in der Liste der Designdateien rechts auf category.php
, wenn Sie dort keine Datei category.php haben, dann suchen Sie nach archive.php
.
Wenn Sie keine dieser Vorlagen finden können, besteht eine gute Chance, dass Sie ein WordPress Theme Framework verwenden und dieses Tutorial möglicherweise nicht für Sie nützlich ist. Wir schlagen vor, dass Sie sich auf das spezifische Framework beziehen, das Sie verwenden.
Wenn Sie die obigen Dateien finden, kopieren Sie den gesamten Inhalt von category.php
und fügen Sie sie in einen Texteditor wie Notepad ein. Diese Datei speichern unter category-design.php
.
Verbinden Sie sich über einen FTP-Client mit Ihrem WordPress-Hosting und gehen Sie dann zu /wp-content/themes/your-current-theme/ und laden Sie Ihre category-design.php-Datei in Ihr Theme-Verzeichnis hoch.
Jetzt werden alle Änderungen, die Sie an dieser Vorlage vornehmen, nur auf der Archivseite dieser bestimmten Kategorie angezeigt.
Mit dieser Technik können Sie Vorlagen für beliebig viele Kategorien erstellen. Verwenden Sie einfach category-{category-slug}.php als Dateinamen. Sie können Kategorie-Slugs finden, indem Sie den Kategorienbereich im WordPress-Administrationsbereich besuchen.
Hier ist ein Beispiel für a category-slug.php
Vorlage. Beachten Sie, dass wir mit wenigen Änderungen das gleiche Template wie category.php verwendet haben.
Da wir die Kategorie, für die es verwendet wird, bereits kennen, können wir Titel, Beschreibung oder andere Details manuell hinzufügen. Beachten Sie auch, dass wir verwendet haben <?php the_excerpt(); ?>
Anstatt von <?php the_content(); ?>
.
Sehen Sie sich an, warum wir die Verwendung einer Beitragszusammenfassung oder eines Auszuges anstelle eines vollständigen Beitrags für eine gute Idee halten.
<?php /** * A Simple Category Template */ get_header(); ?> <section id="primary" class="site-content"> <div id="content" role="main"> <?php // Check if there are any posts to display if ( have_posts() ) : ?> <header class="archive-header"> <?php // Since this template will only be used for Design category // we can add category title and description manually. // or even add images or change the layout ?> <h1 class="archive-title">Design Articles</h1> <div class="archive-meta"> Articles and tutorials about design and the web. </div> </header> <?php // The Loop while ( have_posts() ) : the_post(); <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small> <div class="entry"> <?php the_excerpt(); ?> <p class="postmetadata"><?php comments_popup_link( 'No comments yet', '1 comment', '% comments', 'comments-link', 'Comments closed'); ?></p> </div> <?php endwhile; // End Loop else: ?> <p>Sorry, no posts matched your criteria.</p> <?php endif; ?> </div> </section> <?php get_sidebar(); ?> <?php get_footer(); ?>
Wenn Sie die Kategorie-Slug-Vorlage nicht verwenden möchten, können Sie die Kategorie-ID-Vorlage verwenden, um eine Vorlage für eine bestimmte Kategorie-ID zu erstellen. So finden Sie eine Kategorie-ID in WordPress.
Verwenden von Bedingungs-Tags für eine Kategorie
Wenn Sie Vorlagen für Ihr Design erstellen, müssen Sie feststellen, ob Sie wirklich eine separate Vorlage benötigen, um das zu tun, was Sie tun möchten.
In einigen Fällen sind die Änderungen, die Sie vornehmen möchten, nicht zu kompliziert und können mithilfe von Bedingungs-Tags in einer generischen Vorlage wie category.php oder sogar archive.php erreicht werden.
WordPress wird für viele unterstützt bedingte Tags die Themenautoren in ihren Vorlagen verwenden können.
Ein solches bedingtes Tag ist is_category()
. Mit diesem Bedingungs-Tag können Sie Ihre Vorlagen ändern, um eine andere Ausgabe anzuzeigen, wenn die Bedingung erfüllt ist.
Nehmen wir zum Beispiel an, Sie haben eine Kategorie für vorgestellte Beiträge namens „Featured“.
Jetzt möchten Sie einige zusätzliche Informationen auf der Kategoriearchivseite für diese bestimmte Kategorie anzeigen. Fügen Sie dazu diesen Code direkt danach in die Datei category.php ein <?php if ( have_posts() ) : ?>
.
<header class="archive-header"> <?php if(is_category( 'Featured' )) : ?> <h1 class="archive-title">Featured Articles:</h1> <?php else: ?> <h1 class="archive-title">Category Archive: <?php single_cat_title(); ?> </h1> <?php endif; ?> </header>
Erstellen Sie eine Kategorievorlage mit Beaver Themer
Mit Beaver Themer können Sie Layouts für Ihr Thema erstellen. Sie können die einzelnen Kategorien auswählen, in denen Sie die Vorlage verwenden möchten, und diese dann per Drag & Drop bearbeiten.
Gehen Sie zuerst zu Beaver Builder » Ther-Layouts » Neu hinzufügen Seite.
Sie müssen ihm einen Titel geben und dann Ihre Kategorie unter der Option „Standort“ auswählen.
Von dort aus können Sie den Drag-and-Drop-Editor von Beaver Builder verwenden, um Ihre Kategorie-Layout-Seite nach Ihren Wünschen anzupassen.
Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Fertig und wählen Sie dann Veröffentlichen, um Ihre Kategorievorlage anzuwenden.
Sie können jetzt Ihre Website besuchen, um die Kategorievorlage in Aktion zu sehen.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Kategorievorlagen in WordPress erstellen. Vielleicht möchten Sie auch unseren Vergleich der besten Drag & Drop-WordPress-Seitenersteller zum Erstellen benutzerdefinierter Layouts und unseren Leitfaden zum Erstellen einer Mitgliedschaftsseite sehen, damit Sie Inhalte basierend auf Kategorien einschränken können.