Es gibt ein kleines und praktisches PlugIn für WordPress mit dem sich die klassischen Menüs ansprechend mit Icons aufpeppen lassen.
Es stehen mehrere Icon-Fonts zur Verfügung:
*Dashicons
*Elussive
*Font Awesome
*Foundation
*Genericons
Zusätzlich lassen sich Bilder oder SVG als Symbol verwenden.
Für mein Menü im Header habe ich für die Hauptmenüs die Font Awesome verwendet, für die Untermenüs habe ich entsprechende SVGs erstellt. Für das Menü im Footer und in der Seitenleiste (Kontakt) habe ich Elusive und Genericons ausgewählt.
Hier sieht man die ersten Menüeinträge und wie das im Dashboard aussieht, wenn man das Icon dem Menüpunkt hinzugefügt hat.
Das dies mit Fonts realisiert wird hat den Vorteil, dass sich die Icons in Größe und Farbe an der verwendeten Schrift in den Menü anpassen und somit perfekt integrieren. In den Einstellungen – bei der Auswahl des Icons – lassen sich Schriftgröße, Position (VOR den Text, oder NACH dem Text), sowie die vertikale Ausrichtung anpassen.
Die Einstellungen sind sehr übersichtlich. Es lassen sich die Grundeinstellungen bzgl. Schriftgröße und Co ändern und bestimmte Icon-Fonts aktivieren und deaktivieren. Die Einstellungen sind nicht wie bei viele PlugIns auf der PlugIn-Seite zu finden, sonder sind direkt unter Design -> Menüs -> Menüsymbole-Einstellungen untergebracht.
So sieht das Ganze dann aus, aber das sieht man ja auch auf meiner Seite an sich 😉
Letztes Update: Di, 15. Aug. 2023
Ursprünglich veröffentlicht: So, 02. Jul. 2023