Möchten Sie Kategorien in WordPress anders gestalten? Die meisten WordPress-Themes verwenden den gleichen Stil für alle Kategoriearchivseiten. Wenn Sie jedoch eine inhaltsreiche Website betreiben, können Sie jede Kategorie unterschiedlich gestalten, um ihr Potenzial zu maximieren. In diesem Artikel zeigen wir Ihnen, wie Sie Kategorien in WordPress einfach anders gestalten können.
Warum Kategorien in WordPress anders gestalten?
Wie bereits erwähnt, verwenden die meisten WordPress-Themes dieselbe Vorlage für jede Kategoriearchivseite. Das liegt daran, dass Theme-Entwickler nicht wissen, wie Sie die Kategorien auf Ihrer Website verwenden und was diese Kategorien sein werden.
Wenn Sie jedoch eine inhaltsreiche Site betreiben, kann das Ändern des Layouts einer Kategoriearchivseite dramatische Auswirkungen darauf haben, wie Benutzer mit den Inhalten dieser Seite interagieren.
Wenn Sie beispielsweise eine Nachrichten- oder Zeitschriften-Site betreiben, können Sie lokale Anzeigen in der Kategorie „Lokale Nachrichten“ schalten lassen. Sie können Wetterinformationen anzeigen, die beliebtesten Geschichten in dieser Kategorie anzeigen usw.
Sehen wir uns jedoch an, wie Sie einzelne Kategorien in WordPress auf einfache Weise unterschiedlich gestalten können.
Einzelne Kategorien in WordPress anders gestalten
Es gibt mehrere Möglichkeiten, Kategorien in WordPress zu gestalten. Wir zeigen Ihnen zwei verschiedene Methoden, um Kategorien zu stylen, und Sie können diejenige auswählen, die Ihren Bedürfnissen und Ihrem Können am besten entspricht.
Verwenden einer Einzelkategorievorlage im WordPress-Theme
WordPress-Themes folgen einer Standard-Template-Hierarchie. Abhängig von einem Vorlagendateinamen kann WordPress automatisch die richtige Vorlage auswählen, um eine Seite anzuzeigen.
Zum Beispiel sucht es nach der Datei category.php, um Kategoriearchivseiten anzuzeigen.
Mit WordPress können Sie auch Vorlagen für einzelne Kategorien erstellen. Nehmen wir an, Sie möchten die Kategorie „Apple“ anders gestalten. Sie können dies tun, indem Sie Ihrem Theme eine neue Vorlagendatei hinzufügen und sie category-apple.php nennen.
Verbinden Sie sich mit einem FTP-Client mit Ihrer WordPress-Site und gehen Sie dann zum Ordner /wp-content/themes/your-current-theme/ und erstellen Sie eine neue Datei category-apple.php. Vergessen Sie nicht, apple durch Ihren eigenen Kategorienamen zu ersetzen.
Sie können die Datei category.php Ihres Themes als Ausgangspunkt verwenden. Bearbeiten und kopieren Sie einfach den gesamten Inhalt. Bearbeiten Sie nun Ihre neu erstellte Datei category-apple.php und fügen Sie den Code darin ein.
Danach können Sie beginnen, Änderungen an Ihrer individuellen Kategorievorlage vorzunehmen. Sie können eine andere Seitenleiste für diese Kategorie erstellen und verwenden, sie zu einer Seite mit voller Breite machen, eine Willkommensnachricht hinzufügen oder alles andere, was Sie möchten.
Stylen Sie einzelne Kategorien in WordPress mit CSS
WordPress fügt verschiedenen Elementen auf deiner Website automatisch CSS-Klassen hinzu. Dazu gehören sowohl die Body-Klasse als auch die Post-Klasse.
Wenn Sie beispielsweise eine Kategoriearchivseite anzeigen und dann das Inspect Tool verwenden, werden Sie CSS-Klassen für Kategorie und Kategorienamen im body-Tag bemerken.
Sie können diese CSS-Klasse verwenden, um jede einzelne Kategorie unterschiedlich zu gestalten, indem Sie benutzerdefiniertes CSS hinzufügen.
Hier ist ein Beispiel-CSS, das Sie als Ausgangspunkt verwenden können.
body.category-apple { background-color:#EEE; background:url("http://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, den Kategorienamen in der CSS-Klasse durch Ihren eigenen Kategorienamen zu ändern.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Kategorien in WordPress anders gestalten können. Vielleicht möchten Sie auch unsere Liste der meistgesuchten Kategorie-Hacks und Plugins für WordPress sehen.