Beitrags-Kategorien im WordPress-Dashboard farbig hervorheben

Beitrags-Kategorien im WordPress-Dashboard farbig hervorheben

Du hast eine endlose Liste von Beitrags-Kategorien und brauchst eine optische Unterstützung? Dann ist dieser WordPress Tipp genau das Richtige für dich. Kurz und einfach erklärt:
Beim Schreiben eines Beitrags hast du in der rechten Seitenleiste ein Widget mit den Kategorien. Da bei manchen Bloggern diese Liste sehr lange werden kann ist die Übersicht zu behalten manchmal schon schwierig. Wenn jetzt jede Kategorie mit ihren Unterkategorien einen passen farbigen Hintergrund bekommt (bspw.: Bücher = grün, Filme = blau oder Musik = rosa), dann sieht man die passenden Kategorien sehr schnell. Und genau diese Lösung bauen wir uns mit ein paar Zeilen zusammen.

Die Vorbereitung zum Hervorheben der Beitrags-Kategorien

Gleich am Anfang mein allseits beliebter Hinweis:

Arbeite nie mit den Originaldateien des Themes, sondern lege dir vorher ein Child-Theme an.

Die Stile für die Beitrags-Kategorien festlegen

Dafür brauchst du im Child-Theme ein neues Verzeichnis mit dem Namen css. In diesem Verzeichnis legst du dir die Datei editor-cat.css mit einem an. Dies ist eine reine Textdatei und du kannst dafür den Editor oder auch ein spezielles Programm zur Webentwicklung wie Notepad++ oder Sublime verwenden.
In dieser Datei definierst du die veränderte Darstellung deiner Kategorien, wie in diesem Beispiel:

Dies ist ganz einfacher CSS-Code. Du definierst eine Hintergrundfarbe mit einem RGB-Wert  (Farbanteile von Rot-Grün-Blau) und einer Transparenz. Durch die Transparenz wird die Farbe abgeschwächt und sieht eleganter aus. Vor den geschwungenen Klammern stehen die Kategorien. mit #tag-??? änderst du die Darstellung in der Verwaltung der Kategorien (Beiträge > Kategorien). Mit dem Eintrag #category-??? wird die Kategorie im Kategorien-Widget beim Beitragseditor formatiert.

ID der Beitrags-Kategorien finden

ID der Beitrags-Kategorien finden

Jetzt musst du nur noch wissen was die Zahlen bedeuten und wo du sie herausfindest. Die Zahl ist die ID (eindeutige Nummer), welche WordPress jeder Beitrags-Kategorie zuordnet. Du findest sie ganz einfach in der  Verwaltung der Kategorien (Beiträge > Kategorien) heraus. Sobald du mit der Maus über eine Kategorie fährst, erhältst du darunter ein kurzes Menü. Nun zeigst du mit dem Mauszeiger auf Bearbeiten und siehst am unteren Rand den Link dazu. Und genau da versteckt sich die ID. Ich habe es dir im Bild rechts mit einem Pfeil markiert.

Die neue CSS-Datei der Beitrags-Kategorien in das Dashboard laden

Dazu brauchen wir nur ein paar Zeilen in der functions.php. In dieser Datei werden alle Themenfunktionen definiert und gespeichert. wir brauchen jetzt einen neuen Hook um die CSS-Datei zu laden. Dazu kannst du die folgenden Zeilen einfach am Ende der Datei anfügen.

Formatiertes Widget der Beitrags-Kategorien

Formatiertes Widget der Beitrags-Kategorien

Diese 5 Zeilen machen nichts anderes als die CSS-Datei zu laden und im Dashboard zu verwenden. Damit hast du alles erledigt um die Beitrags-Kategorien farbig hervorzuheben. Natürlich kannst du deine CSS-Datei noch mit weiteren Kategorien oder Formatierungen ergänzen. Dann hast du die Liste der Kategorien genauso, wie du angenehm damit arbeiten kannst. Am Ende kann es dann so aussehen:

Blogheim.at Logo