Hamburg von oben – Ein historischer Rundflug
...
Alle Menüs – auch das Topmenü – werden inhaltliche und in der Reihenfolge über den Punkt „Design > Menüs“ in der linken Spalte des WP-Backends bearbeitet.
Nach Aufruf von „Design > Menüs“ unter „Wähle ein Menü zum Bearbeiten:“ das Top Menu aufrufen.
Das Topmenü zeigt in der mobilen Ansicht Icons statt der Texte. Darum sind in diesem Menü ein paar Besonderheiten enthalten:
Die Icons sind per CSS hinterlegt. Die Zuweisung erfolgt über eine CSS-Klasse, die in das Feld „CSS-Klassen (optional)“ eingetragen ist. Wenn ein neuer Menüpunkt mit einem neuen Icon hinzugefügt werden soll, ist dafür auch eine neue CSS-Klasse anzulegen.
Die Tags um die Texte müssen unbedingt erhalten bleiben, da sie dafür sorgen, dass die Texte in der mobilen Ansicht ausgeblendet werden können. Wenn ein Text angepasst werden soll, bitte darauf achten, dass die umgebenden span-Tags erhalten bleiben!
Per Drag & Drop die Menüeinträge gegeneinander verschieben.
ACHTUNG:
Prüfen ob die Trenner anschließend noch an der richtigen Stelle sitzen
Texte können im Feld „Angezeigter Name“ nach Belieben angepasst werden. Die Texte bitte in aktueller Rechtschreibung eingeben. Die Großschreibung ist über CSS hinterlegt.
ACHTUNG:
Wenn ein Text angepasst wird, bitte darauf achten, dass die umgebenden span-Tags erhalten bleiben!
Um einen Trenner hinter einem Menüpunkt einzufügen, im entsprechenden Menüpunkt in das Feld „CSS-Klassen (optional)“ zusätzlich „menutrenner“ eintragen. Zwischen den eingetragenen CSS-Klassennamen muss ein Leerzeichen stehen.
Tipp:
Sollte das Feld CSS-Klasse nicht angezeigt werden, kann es im Backend ganz oben unter „Ansicht anpassen“ eingeblendet werden.