Das Erstellen eines Untermenüs oder Menüs mit mehreren Ebenen in WordPress ist eigentlich ziemlich einfach! WordPress hat eine Anleitung zum Erstellen von mehrstufigen Menüs, die in ihrer Dokumentation perfekt erklärt ist, ungefähr auf halbem Weg nach der allgemeinen Anleitung zum Erstellen von Menüs.
Warum haben wir also einen Beitrag über etwas, das WordPress bereits behandelt hat? Nun … wenn Sie ein Untermenü in WordPress erstellen, sind Sie möglicherweise auf ein Problem gestoßen:WordPress möchte standardmäßig nur anklickbare Links in seinem Menü. Manchmal möchten Sie jedoch einen Menüpunkt auf der obersten Ebene, der einfach existiert, um Ihren Website-Besuchern den Zugriff auf darunter liegende Unterseiten zu ermöglichen. Es ist eine relativ einfache Aufgabe, aber wie es definitiv zu tun, wird nicht deutlich gemacht!
Wir zeigen Ihnen, wie Sie dies bewerkstelligen können, und sehen uns dann einige fortgeschrittenere Optimierungen an, um die Benutzerfreundlichkeit des Menüs zu verbessern, nachdem Sie dies getan haben.
So fügen Sie ein nicht verknüpftes Untermenü-Label in WordPress hinzu
- Gehen Sie im WordPress-Adminbereich zu Darstellung> Menüs
- Klicken Sie in der linken Seitenleiste dieser Seite auf „Benutzerdefinierter Link“
- Setzen Sie die URL einfach auf:
#
- Stellen Sie den Wert für „Linktext“ auf den Namen ein, der im Menü angezeigt werden soll
- Fügen Sie nun die eigentlichen Seiten (Unterseiten) hinzu, die unter dieser Überschrift erscheinen sollen, und ziehen Sie sie per Drag-and-Drop an die richtige Stelle, sodass sie unter dem gerade hinzugefügten Menüpunkt eingebettet sind. Sie erscheinen eingerückt, wenn sie Untermenüpunkte sind.
Das ist es! Das ist die Grundversion davon. Das Menü wird mit seinen Untermenüoptionen angezeigt und wenn Sie darauf klicken, gelangen Sie nicht auf eine andere Seite.
Wie man dafür sorgt, dass es weniger wie ein Link aussieht und sich weniger verhält
Und jetzt für die etwas fortgeschrittenere (aber nicht wirklich) Ergänzung.
Das Problem, das aus Sicht der Benutzerfreundlichkeit bleibt, ist, dass ein Website-Besucher, wenn er mit der Maus über den Link fährt, immer noch das Gefühl hat, dass Sie ihn anklicken können. Es hat den Cursor für einen Link, es verhält sich wie ein Link, es zeigt nur auf etwas, das nirgendwohin führt. Das ist wahrscheinlich in Ordnung, aber wenn dich das verrückt macht (Hallo, das bin ich!), gibt es eine Möglichkeit, es zu umgehen.
Sie müssen Ihrer Website etwas CSS hinzufügen. Gehen Sie zu Darstellung> Customizer und öffnen Sie den Abschnitt Benutzerdefiniertes CSS und fügen Sie dies dort ein und speichern Sie dann Ihre Änderungen:
a[href="#"] { pointer-events: none; cursor: default; }
Dieses CSS sagt:Alle Links, die „#“ als Ziel-URL haben, sollen nicht mehr anklickbar sein (pointer-events: none;
) und stellt den Cursor so ein, dass er nicht die Hand ist (cursor: default;
).
Sie haben jetzt eine Überschrift in Ihrem Menü, die nirgendwohin führt, Unterelemente darunter haben kann und mir vom Standpunkt der Benutzerfreundlichkeit aus nicht den Kopf verdreht.
Hilft Ihnen Ihr Webhoster bei WordPress?
Nein? Vielleicht ist es Zeit für eine Veränderung. Sehen Sie sich unser leistungsstarkes kanadisches WordPress-Hosting an!
Weiterlesen