loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

Wie Sie einzelne Kategorien in WordPress unterschiedlich gestalten

Möchten Sie Kategorien in WordPress anders gestalten? Die meisten WordPress-Themes verwenden denselben Stil für alle Kategorie-Archivseiten. Wenn Sie jedoch eine inhaltsreiche Website betreiben, dann können Sie jede Kategorie anders gestalten, um ihr Potenzial zu maximieren. In diesem Artikel zeigen wir Ihnen, wie Sie Kategorien in WordPress einfach anders gestalten können.

How to style categories differently in WordPress

Warum sollten Kategorien in WordPress anders gestaltet werden?

Wie wir bereits erwähnt haben, verwenden die meisten WordPress-Themes die gleiche Vorlage für jede Kategorie-Archivseite. Das liegt daran, dass die Theme-Entwickler nicht wissen, wie Sie die Kategorien auf Ihrer Website verwenden werden und was diese Kategorien sein werden.

Wenn Sie jedoch eine inhaltsreiche Website betreiben, dann kann das Ändern des Layouts einer Kategorie-Archivseite einen dramatischen Einfluss darauf haben, wie Benutzer mit dem Inhalt auf dieser Seite umgehen.

Wenn Sie zum Beispiel eine Nachrichten- oder Magazinseite betreiben, können Sie in der Kategorie „Lokale Nachrichten“ lokale Anzeigen einblenden lassen. Sie können Wetterinformationen anzeigen, die beliebtesten Geschichten in dieser Kategorie anzeigen und so weiter.

Sehen wir uns nun an, wie Sie einzelne Kategorien in WordPress auf einfache Weise anders gestalten können.

Unterschiedliche Gestaltung einzelner Kategorien in WordPress

Es gibt mehrere Möglichkeiten, Kategorien in WordPress zu gestalten. Wir zeigen Ihnen zwei verschiedene Methoden zur Gestaltung von Kategorien, und Sie können diejenige wählen, die Ihren Bedürfnissen und Ihrem Kenntnisstand am besten entspricht.

Einzelne Kategorievorlage im WordPress-Theme verwenden

WordPress-Themes folgen einer Standard-Vorlagenhierarchie. Abhängig vom Namen einer Vorlagendatei kann WordPress automatisch die richtige Vorlage für die Anzeige einer Seite auswählen.

Zum Beispiel sucht es nach der Datei category.php, um Kategorie-Archivseiten anzuzeigen.

WordPress ermöglicht es Ihnen auch, Vorlagen für einzelne Kategorien zu erstellen. Nehmen wir an, Sie möchten die Kategorie „Apple“ anders gestalten. Das können Sie tun, indem Sie eine neue Vorlagendatei zu Ihrem Theme hinzufügen und sie category-apple.php nennen.

Verbinden Sie sich mit einem FTP-Client mit Ihrer WordPress-Website und gehen Sie dann in den Ordner /wp-content/themes/ihr-aktuelles-theme/ und erstellen Sie eine neue Datei category-apple.php. Vergessen Sie nicht, apple durch Ihren eigenen Kategorienamen zu ersetzen.

Creating a template for individual category in your WordPress theme

Sie können die Datei category.php Ihres Themes als Ausgangspunkt verwenden. Bearbeiten Sie einfach den gesamten Inhalt und kopieren Sie ihn. 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.

Einzelne Kategorien in WordPress mit CSS gestalten

WordPress fügt automatisch CSS-Klassen zu verschiedenen Elementen in Ihrer Website hinzu. Dazu gehören sowohl die Body-Klasse als auch die Post-Klasse.

Wenn Sie z. B. eine Kategorie-Archivseite anzeigen und dann das Inspektionstool verwenden, werden Sie die CSS-Klassen „Kategorie“ und „Kategorie-Name“ im Body-Tag bemerken.

Category class added to body element by WordPress

Sie können diese CSS-Klassen verwenden, um jede einzelne Kategorie unterschiedlich zu gestalten, indem Sie benutzerdefinierte 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 
}
.kategorie-apfel a { 
color:#CCCCCC 
} 

Vergessen Sie nicht, den Kategorienamen in der CSS-Klasse mit Ihrem eigenen Kategorienamen zu ändern.

Changing category style using CSS

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie Kategorien in WordPress anders gestalten können.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner