Usability erhöhen durch Menüformatierung in Wordpress

Usability erhöhen durch Menüformatierung in WordPress

Die Standard Templates für WordPress bringen schon einiges an Usability mit, doch eines fehlt den meisten von anfang an. Wenn man eine Kategorie anklickt, wird zwar der Inhalt dieser ausgegeben, im Menü ändert sich allerdings nichts. Das ist auch schon das Problem, für das a-Tag werden meist die Pseudo-Klassen “hover” und “visited” eingesetzt, aber eine gerade ausgewählte Kategorie wird nicht hervorgehoben, deswegen werde ich das heute in einem kurzen Tutorial erläutern:

Voraussetzung ist, das du deine Kategorien mit folgender Anweisung anzeigen lasst:
<?php wp_list_cats('sort_column=id'); ?>
Begib dich in deinen Template-Ordner und öffne die Datei, in welcher der “<head>”-Part ausgegeben wird
Füge vor dem Ende des “<head>”-Parts folgenden Code ein:
<?php $activeID = 'active_cat_'.$cat; echo ".$activeID {background-color: #FFD450;}" ?>;
(Je nach Menü müssen noch zusätzliche Formatierungen eingefügt werden)
Nun muss der Source-Code von WordPress ein bisschen verändert werden, aber nur minimal: dazu geht man in den Ordner: “wp-includes” und öffnet die Datei: “template-functions-category.php“, aber vorher ein Backup davon erstellen!!
sucht nun in der Datei mit “Strg + F” nach folgender Zeile:
$thelist .= "\t<li>$link\n";
ersetzt diese durch:
$thelist .= "\t<li class=\"active_cat_$num_found\">$link\n";
Nur noch die Datei abspeichern und fertig