Möchten Sie verschiedene Kategorien in WordPress entwerfen? Die meisten WordPress-Themes verwenden für alle Archivseiten der Kategorie denselben Stil. Wenn Sie jedoch eine inhaltsreiche Website betreiben, können Sie jede Kategorie anders gestalten, um ihr Potenzial zu maximieren. In diesem Artikel zeigen wir Ihnen, wie Sie auf einfache Weise verschiedene Kategorien in WordPress entwerfen können.
Warum unterscheiden sich Stilkategorien in WordPress?
Wie bereits erwähnt, verwenden die meisten WordPress-Designs für jede Kategoriearchivseite dieselbe Vorlage. Dies liegt daran, dass Theme-Entwickler nicht wissen, wie Sie die Kategorien auf Ihrer Website verwenden und wie diese Kategorien aussehen werden.
Wenn Sie jedoch eine inhaltsreiche Website betreiben, kann das Ändern des Layouts einer Kategoriearchivseite dramatische Auswirkungen auf die Interaktion der Benutzer mit dem Inhalt dieser Seite haben.
Wenn Sie beispielsweise eine Nachrichten- oder Magazinseite betreiben, können Sie lokale Anzeigen in der Kategorie “Lokale Nachrichten” schalten. Sie können Informationen über das Wetter anzeigen, die beliebtesten Geschichten in dieser Kategorie anzeigen usw.
Schauen wir uns an, wie Sie einzelne Kategorien in WordPress auf einfache Weise unterschiedlich gestalten können.
Gestalten Sie einzelne Kategorien in WordPress unterschiedlich
Es gibt verschiedene Möglichkeiten, Kategorien in WordPress zu entwerfen. Wir zeigen Ihnen zwei verschiedene Methoden zum Entwerfen von Kategorien, und Sie können die auswählen, die Ihren Anforderungen und Fähigkeiten am besten entspricht.
Verwenden Sie eine einzelne Kategorievorlage im WordPress-Design
WordPress-Themes folgen einer Hierarchie von Standardvorlagen. Abhängig vom Namen der Vorlagendatei kann WordPress automatisch die richtige Vorlage für die Anzeige einer Seite auswählen.
Suchen Sie beispielsweise nach der Datei category.php, um die Seiten der Kategoriedatei anzuzeigen.
Mit WordPress können Sie auch Vorlagen für einzelne Kategorien erstellen. Angenommen, Sie möchten die Kategorie “Apple” anders gestalten. Sie können dies tun, indem Sie Ihrem Thema eine neue Vorlagendatei hinzufügen und sie category-apple.php nennen.
Stellen Sie mit einem FTP-Client eine Verbindung zu Ihrer WordPress-Site her, gehen Sie zu / wp-content / themes / your-current-theme / folder und erstellen Sie eine neue Datei category-apple.php. Vergessen Sie nicht, den Apfel durch Ihren eigenen Kategorienamen zu ersetzen.
Sie können die Datei category.php für Ihr Thema als Ausgangspunkt verwenden. Bearbeiten und kopieren Sie einfach Ihren gesamten Inhalt. Bearbeiten Sie nun Ihre neu erstellte Datei category-apple.php und fügen Sie den Code ein.
Danach können Sie Änderungen an Ihrer individuellen Kategorievorlage vornehmen. Sie können eine andere Seitenleiste für diese Kategorie erstellen und verwenden, eine Seite in voller Breite erstellen, eine Begrüßungsnachricht hinzufügen oder was auch immer Sie möchten.
Gestalten Sie einzelne Kategorien in WordPress mit CSS
WordPress fügt automatisch CSS-Klassen zu verschiedenen Elementen auf Ihrer Website hinzu. Dazu gehören sowohl die Körperklasse als auch die Nachklasse.
Wenn Sie beispielsweise eine Kategoriedateiseite anzeigen und dann das Inspektionstool verwenden, werden Sie das Kategorie-CSS und den Kategorienamen im Body-Tag bemerken.
Mit dieser CSS-Klasse können Sie jede einzelne Kategorie anders gestalten, indem Sie benutzerdefiniertes CSS hinzufügen.
Hier sind einige CSS-Beispiele, die Sie als Ausgangspunkt verwenden können.
body.category-apple {
background-color:#EEE;
background:url("https://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site {
background:#232323;
}
.category-apple a {
color:#CCCCCC;
}
Vergessen Sie nicht, die Kategorie in der CSS-Klasse mit Ihrem eigenen Kategorienamen umzubenennen.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Kategorien in WordPress anders gestalten. Vielleicht möchten Sie auch unsere Liste der meistgesuchten Kategorie-Plugins und Hacks für WordPress sehen.
Wenn dir dieser Artikel gefallen hat, abonniere unseren YouTube-Kanal, um WordPress-Tutorial-Videos anzusehen. Sie finden uns auch unter Twitter und Facebook.
