WordPress bietet eine scheinbar endlose Anzahl von Anpassungsoptionen für Ihre Website. Es ist jedoch möglicherweise nicht sofort offensichtlich, herauszufinden, wie man einige von ihnen anwendet. Ein subtiles Beispiel ist das Hinzufügen eines Titels zu Ihrem Menü, ohne auf eine Seite zu verlinken.
Glücklicherweise kann dieser Vorgang schnell und einfach sein. Indem Sie einige Optionen anpassen und Ihrer Site etwas CSS hinzufügen, können Sie Titel in Ihr WordPress-Menü integrieren, ohne entsprechende Links hinzuzufügen.
In diesem Tutorial werde ich einige der Gründe behandeln, warum Sie Ihrem WordPress-Menü einen nicht anklickbaren Titel hinzufügen möchten. Anschließend werde ich Sie durch drei einfache Schritte führen, um einen einzurichten. Lass uns gehen!
Warum einen Titel in einem WordPress-Menü hinzufügen, ohne auf eine Seite zu verlinken?
Bei Menüs geht es hauptsächlich darum, die Navigation auf Ihrer Website zu vereinfachen. Das Hinzufügen eines Titels ohne Link mag kontraproduktiv erscheinen, kann jedoch ein hilfreiches Organisationstool sein, mit dem Ihre Benutzer die benötigten Informationen schnell finden können.
Eine Hauptanwendung davon ist die Verwendung eines nicht verknüpften Menüelements, um Unterelemente zu kategorisieren, die Links haben. Hier ist beispielsweise ein übergeordneter Titel namens Kontaktiere uns das verlinkt nirgendwo:
Stattdessen, Kontaktiere uns fungiert als übergeordnetes Element für die funktionalen untergeordneten Elemente, die Benutzer per E-Mail, Telefon oder durch einen Besuch in einem stationären Ort erreichen können. Auf diese Weise können Besucher direkt zu ihrer bevorzugten Kontaktmethode springen, anstatt auf einen Link zu einer Kontaktseite zu klicken und durch alle Optionen zu scrollen.
Nicht verknüpfte Menütitel können auch hilfreich sein, wenn Sie eine statische Nachricht konsistent auf Ihrer Website anzeigen möchten. Auch wenn diese Methode die Aufgabe erledigt, sind Sie möglicherweise besser bedient, wenn Sie benutzerdefinierten Kopf- oder Fußzeilencode hinzufügen, wenn dies Ihr Ziel ist.
So fügen Sie Titel zu einem Menü hinzu, ohne auf eine Seite zu verlinken (in 3 Schritten)
Das Hinzufügen von Titeln zu einem WordPress-Menü, ohne auf eine Seite zu verlinken, kann eine subtile und professionelle Note sein. Glücklicherweise ist es ein einfacher Prozess. Sobald Sie die Schritte kennen, können Sie nicht verknüpfte Menütitel schnell hinzufügen, wo immer Sie sie benötigen.
Schritt 1: Wählen oder erstellen Sie ein Menü
Als erstes müssen Sie das Menü erstellen oder bearbeiten, dem Sie einen nicht verknüpften Titel hinzufügen möchten.
Sie können beginnen, indem Sie zu navigieren Darstellung > Menüs in Ihrer WordPress-Dashboard-Seitenleiste. Dadurch gelangen Sie zum folgenden Bildschirm:
Von hier aus sollte Ihr aktuelles Menü bereits auf dem Bildschirm sein, falls Sie eines haben. Wenn Sie von vorne beginnen möchten, klicken Sie auf ein neues Menü erstellen stattdessen.
Schritt 2: Benutzerdefinierten Link hinzufügen
Nachdem Sie das Menü ausgewählt haben, an dem Sie arbeiten möchten, können Sie mit der Erstellung Ihres nicht verknüpften Menütitels beginnen.
Navigieren Sie zum Menüpunkte hinzufügen auf der linken Seite des Bildschirms und öffnen Sie das Benutzerdefinierte Links Registerkarte, um die Optionen zu erweitern:
Dadurch werden zwei Felder angezeigt: URL und Link Text. Um den Link nicht anklickbar zu machen, geben Sie einfach ein # in die URL Kasten.
Geben Sie dann Ihren nicht verlinkten Titel in das Link Text Gebiet. In diesem Beispiel habe ich mich für die Verwendung des Kontaktiere uns Etikett.
Wenn Sie fertig sind, klicken Sie auf Zum Menü hinzufügen. Sie können Unterelemente mit Links unter diesem Titel hinzufügen, wenn Sie möchten, und Menüelemente ziehen und ablegen, um sie anzuordnen.
Schritt 3: Verwenden Sie CSS, um zu verhindern, dass sich der Cursor beim Hover ändert
Die ersten beiden Schritte haben Ihnen geholfen, ein Menüelement zu erstellen, das nicht mit einer Seite verknüpft ist. Benutzer, die mit der Maus darüber fahren, sehen jedoch immer noch, wie sich ihre Cursor ändern, als ob sie darauf klicken könnten. Da es nirgendwo hinführt, sollten Sie den Cursor aus Gründen der Konsistenz ändern.
Glücklicherweise ist dies mit ein wenig CSS leicht zu bewerkstelligen.
In dem Menüs Bildschirm, navigieren Sie zur oberen rechten Ecke und klicken Sie auf Bildschirmoptionen Dropdown-Liste. Dies wird Ihnen einige Optionen präsentieren. Finde das mit der Aufschrift CSS-Klassen:
Aktivieren Sie dieses Kontrollkästchen und schließen Sie das Bildschirmoptionen Speisekarte.
Scrollen Sie dann zurück zum Menü Ihrer Website. Suchen Sie den Titel, den Sie zuvor erstellt haben und der keinen Link enthält.
Darunter sollte nun ein zusätzliches Feld mit der Bezeichnung . sein CSS-Klassen (optional).
Geben Sie eine benutzerdefinierte CSS-Klasse ein, die der Cursoränderung entspricht (der CSS-Code wird als nächstes hinzugefügt). Ich habe verwendet nicht anklickbar hier um es einfach zu halten:
Nachdem Sie sich für einen Kurs entschieden haben, speichern Sie Ihre Einstellungen.
Öffnen Sie dann den WordPress Customizer, indem Sie zu . navigieren Aussehen > Anpassen im Seitenleistenmenü.
Wenn Sie dort sind, navigieren Sie zum Zusätzliche CSS Registerkarte unten im Menü auf der linken Seite. Kopieren Sie den folgenden Code und fügen Sie ihn ein:
.unclickable > a {
pointer-events: none;
}
Die einzige Ausnahme hier ist, wenn Sie eine andere Klasse als verwendet haben nicht anklickbar früher. Wenn ja, ersetzen Sie diese Zeile einfach durch den Namen, den Sie der CSS-Klasse gegeben haben.
Ihr CSS-Feld sollte dann ungefähr so aussehen:
Die Änderung sollte angezeigt werden, sobald Sie das zusätzliche CSS eingegeben haben.
Vergewissern Sie sich, dass Sie mit dem Cursor nicht klicken können, wenn Sie den Mauszeiger über Ihren nicht verknüpften Menüeintrag bewegen. Wenn Sie zufrieden sind, dass die von Ihnen vorgenommenen Änderungen implementiert wurden, klicken Sie auf Veröffentlichen um die Einstellungen zu speichern.
Nachdem Sie diese Schritte ausgeführt haben, sollten Sie Ihrem Menü einen Titel hinzugefügt haben, ohne es mit einer Seite zu verknüpfen oder es überhaupt anklickbar erscheinen zu lassen.
Abschluss
Herauszufinden, wie Sie Ihrem WordPress-Menü einen Titel hinzufügen, ohne es mit einer Seite zu verknüpfen, kann anfangs etwas verwirrend sein. Glücklicherweise können Sie mit ein wenig Anleitung problemlos durch den Prozess navigieren.
In diesem Artikel habe ich drei einfache Schritte behandelt, um Ihrem WordPress-Menü einen nicht verlinkten Titel hinzuzufügen:
- Erstelle oder wähle das Menü aus, das du verwenden möchtest
- Fügen Sie einen neuen benutzerdefinierten Link-Menüpunkt hinzu
- Wenden Sie einige CSS-Zeilen an, um den Cursor standardmäßig auf einen Zeiger beim Schweben zu setzen
Welche nicht verknüpfte Menüoption erstellen Sie mit diesem Tutorial? Lass es uns im Kommentarbereich unten wissen!