Suchen Sie nach einer Möglichkeit, dem WordPress-Menü Titel hinzuzufügen, ohne einen Link hinzuzufügen?
Standardmäßig verlangt das WordPress-Menü, dass jeder Menüpunkt mit einer Seite oder einem benutzerdefinierten Link verknüpft ist. Wenn Sie jedoch ein Dropdown-Menü erstellen, möchten Sie vielleicht einen Titel für Untermenüs hinzufügen, ohne ihn mit einer bestimmten Seite zu verknüpfen.
In diesem Artikel zeigen wir Ihnen, wie Sie dem WordPress-Menü Titel hinzufügen können, ohne auf eine Seite zu verlinken.
Warum Menütitel hinzufügen, ohne auf eine Seite zu verlinken?
WordPress bietet zahlreiche Optionen zur Anpassung Ihrer Website, damit Sie Ihre Zielgruppe erreichen und ein außergewöhnliches Benutzererlebnis bieten können.
Um eine reibungslose Benutzererfahrung zu gewährleisten, muss Ihre WordPress-Website über ein gut strukturiertes Navigationsmenü verfügen. Es macht es den Nutzern leicht, Inhalte und verschiedene Seiten auf Ihrer Website zu finden.
Wenn Sie Menütitel hinzufügen, verlangt WordPress, dass jedes Menü standardmäßig einen Link zu einer Seite oder einen benutzerdefinierten Link enthält. In bestimmten Situationen möchten Sie jedoch vielleicht einen Menütitel anzeigen, aber keinen Link zu einer Seite.
Sie können z. B. ein Dropdown-Menü für Kategorien haben, bei dem der Titeltext „Kategorien“ lauten soll, Sie aber keinen Link hinzufügen müssen. Wenn Benutzer auf Kategorien klicken, wird einfach ein Untermenü im Dropdown-Menü geöffnet.
Schauen wir uns also an, wie Sie dem WordPress-Menü einen Titel hinzufügen können, ohne auf eine Seite zu verlinken.
Hinzufügen eines WordPress-Menütitels ohne Verlinkung zu einer Seite
Als Erstes müssen Sie einen neuen Menüpunkt zu Ihrem Menü hinzufügen. Dies können Sie tun, indem Sie in Ihrem WordPress-Administrationspanel auf Erscheinungsbild “ Menüs gehen.
Als nächstes möchten Sie einen benutzerdefinierten Link hinzufügen. Die Optionen für „Benutzerdefinierte Links“ finden Sie im Abschnitt „Menüpunkte hinzufügen“.
Wenn Sie keine benutzerdefinierten Links sehen, klicken Sie einfach auf die Schaltfläche „Bildschirmoptionen“ in der oberen rechten Ecke des Bildschirms. Aktivieren Sie dann das Kontrollkästchen für „Benutzerdefinierte Links“.
Danach müssen Sie eine Bezeichnung oder einen Titel für Ihren Menüpunkt eingeben.
Geben Sie in das URL-Feld das Hashtag-Symbol (#) ein und klicken Sie auf die Schaltfläche „Zum Menü hinzufügen“.
Ihr Menüpunkt wird nun dem WordPress-Menü hinzugefügt.
Als Nächstes müssen Sie auf den Dropdown-Pfeil neben diesem benutzerdefinierten Link klicken, um den Menüpunkt zu bearbeiten. Entfernen Sie nun das Hashtag-Zeichen aus dem URL-Feld und klicken Sie auf die Schaltfläche „Menü speichern“.
Sie können diesem Menüpunkt Untermenüs hinzufügen und sie mit jeder beliebigen Seite verknüpfen oder einen benutzerdefinierten Link eingeben, wenn Sie möchten.
Wenn Sie nun auf Ihren WordPress-Blog gehen, sehen Sie einen Menüpunkt ohne Link.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu erfahren, wie Sie dem WordPress-Menü Titel hinzufügen können, ohne auf eine Seite zu verlinken. Sehen Sie sich auch unseren Leitfaden zur Registrierung eines Domainnamens und unsere Expertenauswahl für die beste AI-Chatbot-Software für Ihre Website an.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Marit says
Thank you! This was exactly the information I needed!
Ken says
Just what I needed.
I was scratching my head wondering how I would be able to do this.
Then I came across this article, thank you very much.
Jon says
This worked great, thanks!
Petur Kirke says
One small thing missing in this article.
How to get rid of the hand (cursor: pointer), or is it only me, who have this problem ?
Scot says
I’ve used this type of custom link in the top level of my primary menu, and it works great on the desktop. But on mobile devices, when I tap the custom link, it doesn’t open the sub menus below it, so none of those pages are available. Is there a way to fix that?
adnan says
this was helpful thanks
Hamba Allah says
thank you soo much :*
Luis Casanova says
Thank you!
Just what I needed!
Steve says
I added a title to my web site menu as you suggested using the # method but needed to remove it. I did so on Dashboard but it still shows on my site main menu and when opened it says „blank page“ and that it is unsecure. How do it remove it.
WPBeginner Support says
If you are using a caching plugin then please delete cached files. Also visit Menus screen to make sure that you have deleted the menu item. Don’t forget to click on the save menu item after removing or adding an item to the menu. Hope this helps.
Admin
Pam Hill says
I have an existing menu that I need to remove page links from. How do I do that? I have 3 titles in the header that link to its own page. I do not want it to link to any page.
Danielle says
OMG this was a life saver and I’d wish I found this about 6 mos ago….I’ve been trying to figure this out for the longest time. THANK YOU SO MUCH!!
Brendan Dunne says
I used this method to solve my problem and it works great thanks.
However, the created menu header is not a page so when I go to map the sub pages, how do I structure them?
Marek says
Hello,
I created a custom menu item in which I want to function as a label only, so I deleted the URL from that item, but it still shows a different color on mouse-over as if it was a link. How do I disable that hover effect from that item?
You can see it here: and the item is the ‚Written About Braunstein’s:‘ in the menu below the logo.
Thanks
Susan Taunton says
This is in response to Marek’s August 9th question about how to remove the hover effect from a non-linked menu title:
Marek,
You can use the browser development tool to identify that title’s menu-item-number and then use css to define the link, visited, hover, focus, active colors to all be the same and so remove the hover effect.
Example:
#menu-item-2036 a,
#menu-item-2036 a:link,
#menu-item-2036 a:visited,
#menu-item-2036 a:hover,
#menu-item-2036 a:focus,
#menu-item-2036 a:active {
color:#C1A45B;
}
Susan
Huzni Saud says
great work mate
Penelope Whiteley says
I didn’t understand this … are there any more images that maybe show the finished product?
Norbert says
Thanks, it is brilliant and works!!!!
WILLIAM says
Thank you, it works like a charm.
Rui says
Using Appearance>Menus,create a Custom Links item with the URL as
javascript: void(0);
This is the a great way of solving that problem
Peter says
This has bugged my for a while but never did anything about it. Googled and bingo, sorted. So simple thank you.
Annelisse Miller says
Worked Perfect! So easy to follow! Thank you!
teri matelson says
can you make a custom link, added to the primary navigation, open in a new window?
Matthias says
Thanks – really helpful!
Rajit says
Hi, How do I modify the styling of custom links? I want to separate two sets of menu items with separate non-clickable headings.
Thanks
Graham says
Cheers for that. We were really stuck. Knew it could be done, but didn’t know how…until now. Yer a star
Rosie says
Thank you!! This is exactly what I needed to do and it has worked a treat.
Rosie
Sanjay Nair says
So simple! Just what I needed. Thank you.
Hayley says
Thank you! Exactly what I needed!
Carol M. Smith says
Thanks … but I do not want the words „Menu Item“ to be in the menu … Can I change the name „Menu Items“ ?
Leanne says
exactly what I needed to know! thank you!!
Bob Varaleau says
I was using categories to do this but this is much better. There is one problem that you might be able to help me with.
If a viewer was to click on the custom link the custom menu link will remain high lighted until you click on a sub item or some where else on the page. It is a minor thing but if it could be rectified it would make this fix for the menu even better. Is it possible to make this custom link menu button non-clickable using CSS??
Menno van der Krift says
Cheers! Works like a charm.
Mike says
Oddly this doesn’t work on the iPad. Before the submenu can appear, it asks if you want to save the image? Works perfectly well when the drop down button has a normal page link, i.e, the menu item is drawn from ‚Pages‘.
George says
This is great – it works. However, the title of my drop-down menu has changed colour – from white to blue. Can anyone explain how I can correct this in wordpress?
jhodgski says
Thanks for this, but wouldn’t it result in invalid HTML as I see you end up with an anchor/link element which has no href attribute. It would also be semantically incorrect to use and anchor/link element if the item isn’t actually a link. Is there a better way?
viktoriana says
This didn’t work in my case :/ Have „converted“ a menu which was a ul list of links into a registered wp_nav_menu and now the categories which where listed as wp_list_categories do NOT appear under the custom link as they used to. Somehow wp_list_categories has to be added still into the wp_nav_menu , and it’s not at all that simple as this post suggests. :/
viktoriana says
except this is not working
followed exactly what you’ve written, added two categories us subpages, but submenu is not showing.
there must be some wp_list_categories thingy messing up my wp_nav_menu …
bb says
I love wpbeginner! Thanks for this tweak, cheers
Rob Lowndes says
Just what I am looking for. But when I place some pages as sub items under the new blank menu item it looks great until I save the menu and then those pages autmatically revert to the main menu! In other words WP 3.7.1 is not allowing me to save any sub menus to the new item. Can someone help me?
Wayne Gerald says
I did this on my extensive training website. However, I ran out of custom links, meaning I reached WordPress’s custom link limit. Going past this limit, the navigation menu no longer saves. So how do bypass this custom link limit? Is there a plugin? If so, I can’t find it.
Any help would be much, much appreciated.
Joe Dean says
You’ve probably solved this by now but, for anyone else reading this:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-custom-menu-items-limit-in-wordpress/
kuldip says
Thanx dude it’s helpful for me
Muhlis says
this is what i looking for to edit category dropdown menu in my website resellerhunter.com, thanks for helping.
grrprep says
I want to do something reverse. I want to add pages but not let them appear in menus. I have around 20 pages and do not want 20 sub links in my menu. help is appreciated.
CHRIS says
Go to the menus and uncheck the „Automatically add new top-level pages“ Now if you want any page to appear at menu you will have to add by yourself.
Janet says
Thank you! I’ve always wondered how to do this.:)
Jake Tyler says
That’s some nice tut, really, thanks so much.
Chris says
Is there any way when we left the mouse on that menu item who hasent got any link, not to change the mouse cursor? Practicaly the browser not to understand as a link?
Thanks.
Mike Ott says
You could just target the element in CSS with:
cursor:crosshair;
Buck says
Nice tut, i never know this is possible.
Beth Pittman says
Thank you for this post! Is it just me but does anyone else have trouble getting the drop down arrows on the menu screen to open up? When I click on the arrow, it simply moves the menu item down on the menu. I have to repeatedly do this until, finally, it will open. Any tips?
Lorne says
How would accomplish (change) the same thing on a web site WP v3 with already existing Menus?
Thanks
SmittenbyBritain says
Thanks for the tip. I was trying to figure out how to do that. I just linked things back to home if I didn’t have a url. This works great!
bob says
what if you have already established a large menu bar? can you go back and change the first menu bar title to not connect to a page?
Editorial Staff says
Yes, you can always adjust the menus. This technique is particularly helpful if you want to add dropdown items in your long menu bar.
Admin