Letar du efter ett sätt att lägga till rubriker i WordPress-menyn utan att lägga till en link?
Som standard kräver WordPress-menyn att varje menu item är länkat till en page eller en customize-länk. När du skapar en dropdown-meny kanske du dock vill add to en titel för undermenyer utan att länka den till en specifik page.
I den här artikeln visar vi hur du addar titlar till menyn i WordPress utan att länka till en page.
Varför lägga till rubriker i menyn utan att länka till en page?
WordPress erbjuder flera alternativ för att customize din website så att du kan nå din målgrupp och erbjuda en exceptionell användarupplevelse.
För att ge användarna en smidig upplevelse måste din website i WordPress ha en välstrukturerad navigation menu. Det gör det enkelt för användarna att hitta content och olika pages på din site.
När du addar rubriker till menyer kräver WordPress som standard att varje meny har en länk till en page eller en customize-länk. Du kanske dock vill visa en menytitel eller ej länka till en page i vissa situationer.
Du kan till exempel ha en dropdown för kategorier där du vill att rubriken ska vara ”categories” för menyn men inte behöver add to en länk. När användare klickar på kategorier kommer det helt enkelt att öppna en undermeny i dropdown.
Med detta sagt, låt oss titta på hur du kan add to en rubrik till WordPress-menyn utan att länka till en page.
Lägga till rubrik i WordPress-menyn utan att länka till en page
Det första du behöver göra är att lägga till ett nytt menu item i din menu. Du kan göra det genom att gå till Appearance ” Menus från din WordPress adminpanel.
Därefter vill du lägga till en customize link. Du kan se alternativen för ”Custom Links” i section ”Add menu items”.
Om du inte ser Customize Links, klicka bara på knappen ”Screen Options” högst upp till höger på skärmen. Därefter kontrollerar du boxen för ”Custom Links”.
Efter det måste du enter en etikett eller rubrik för ditt menu-item.
I fältet URL går du vidare och enter hashtag (#) symbolen och klickar på knappen ”Add to Menu”.
Ditt menu item läggs nu till i WordPress-menyn.
Därefter måste du klicka på dropdown-pilen bredvid den här customize-länken för att editera menu-item. Gå vidare och ta bort hashtag-tecknet från URL-fältet och klicka på knappen ”Save Menu”.
You can add sub menus to this menu item and link them to any page or enter a custom link if you want.
Om du nu går till din WordPress blogg, så kommer du att se ett menu-item utan en link.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till rubriker i WordPress-menyn utan att länka till en page. Du kanske också vill kontrollera vår guide om hur du registrerar ett domain name och våra expertval för den bästa AI-chatbotprogramvaran för din website.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
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!
Jiří Vaněk says
I have a question regarding SEO. What you describe in the article, I did on my blog (some time ago). I put an item in the menu that was supposed to be a header, and below it were links to pages. However, when measuring the website on PageSpeed Insights, I noticed that Google criticized these kinds of links (I don’t want to say penalized, because it pointed it out as an error). The measurement showed that I have links that lead nowhere and this is supposedly bad. Is this really the correct technique to use?
WPBeginner Support says
These are an option, if you would prefer you could create a page linking to your different categories if you are concerned about the link that is not going to a page.
Administratör
Joe Baker says
Beware, this technique creates some strange effects with some themes. The menu dropdown shows on my laptop, when I roll over with the mouse, but it does not work on any touch screen – tablet or phone.
WPBeginner Support says
Thanks for sharing this in case someone runs into this issue as well.
Administratör
Sarah Bennett says
WordPress must have changed since this advice was posted – there is no ”menus” under appearance on the dash board. I’m using WordPress 2023 Theme shbennettbookdesign.com
I want to have a menu item that doesn’t link but has two child pages that do.
WPBeginner Support says
Your theme likely uses the Full Site editor in which case you would want to take a look at our article below:
https://www.wpbeginner.com/beginners-guide/how-to-add-navigation-menu-in-wordpress-beginners-guide/#add-menus-in-fse-themes
Administratör
Joe Truehart says
Exactly what I was looking for!! Thanks for the help
WPBeginner Support says
Glad our guide was helpful!
Administratör
Angie says
This help was fantastic! I’ve always been frustrated by wanting drop-down sub pages but this meant a main page which was of no use – now our menu has a title which leads to the sub pages. Thanks!
Joshua R says
Hey, this helped me get my parent page setup. But now I can’t create a child page for it without publishing the new page first. The parent page isn’t showing up in the ”page attributes” menu in the page editor.
Is there any way to do this without publishing the page before it’s on the parent page? Thanks in advance.
WPBeginner Support says
You would need to publish the parent page for it to be an option but, as long as you have a menu set then the page will not be added to the menu and the only way users would know about the page would be if they had the direct URL for your published page.
Administratör
Dana says
This works great when, on my site, I go to the menu item right from the website. (that is, clicking on my Custom Link menu item does not go to a page) However, when I type in the URL it DOES go to that specific page which is not desirable. Is there a way to fix this? Thanks.
WPBeginner Support says
If you want a URL not to direct to a specific page then you would want to create a redirect following our guide below:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-creating-redirects-in-wordpress/
Administratör
Julie Bernicker says
This was really helpful! However, I am testing my site from a mobile device, and when I tap the menu item with the sub-menu, it doesn’t open the sub-menu options as it does on a PC/desktop, so none of those pages are accessible. Is there a way to fix this or any other recommendations?
WPBeginner Support says
You would want to check with your specific theme’s support as it sounds like there may be a styling issue with how mobile menus are designed.
Administratör
Royce Diamond says
This is exactly what I was looking for. Thank you.
WPBeginner Support says
You’re welcome
Administratör
Lars says
Hi
what is best practice when I use this technique on a menu-items, when having breadcrumbs on my site?
WPBeginner Support says
That would heavily depend on your setup for your menu items.
Administratör
Sadiya says
Thank you, very helpful
WPBeginner Support says
You’re welcome
Administratör
Sharon D says
Super helpful! Thanks very much
WPBeginner Support says
You’re welcome
Administratör
roman says
Thanks. This was helpful. Now it works.
WPBeginner Support says
Glad our guide was helpful
Administratör
Lana says
Thanks. That was exactly i needed.
WPBeginner Support says
You’re welcome, glad our article was helpful
Administratör
PaulaLA says
This was hugely helpful! I have done a workaround with Categories before, but wanted a quick fix. And yours fit the bill. Thanks so much!
WPBeginner Support says
Glad our guide could be helpful
Administratör
KG says
Thank you, this was very helpful.
WPBeginner Support says
You’re welcome
Administratör
Sina says
But this is still a link!
Sayn says
Great! Thank you so much, saved my time
Marina says
Hi,
Thank you for your post. I understand now that I don’t need to write a post for every category on my site, just for the menu.
Now, I have another problem with one published page on my site. The page shows on the navigation menu and I can see it when I surf to my website. However, I cannot find it when I try to link to it. It is not showing on the drop-down when I click the link button and it is not showing when I search it on the navigation-menu-edit page.
At the beginning, I wasn’t paying attention to this problem and added the link to this page manually, however, I found out that Google Search Console says that there are no links to this page, and I know there are tons of links to it (more than one year old).
My site has more than 1300 pages and I don’t have any similar problem with any other page.
Can you figure out what the problem is and how to solve this issue?
I thought I can delete this page and rewrite it, but I am using SiteOrigin PageBuilder and some of links are to the page number and not to the URL.
Thanks
Peter says
It worked. Thank you
Jeff Bocos says
Thanks very much! Exactly what I needed – worked like a charm.
Cheers,
Jeff
Edgar says
Unfortunately this does not work for me. I get a hyperlink with ’#’. Leaving the field empty also Any idea what could be the problem?
Jeff Bocos says
Hey Edgar – try doing it from Appearance->Customize (via WP Dashboard).
When the Customize page opens, select Menus from the left side panel.
Select the Menu you want to edit, scroll to the bottom of the Menu values, next to the underscored ’Reorder’ option, click the + Add Items icon.
A new menu will appear, click on the Custom Links tab at the top. Try again from here.
In the URL box, replace ’http://’ with ’#’
In the Link Text box, type your desired value.
Hope you get this to work.
Cheers,
Jeff
Eric Brickus says
You guys are so awesome!!!! This was exactly what I was looking for!!!! Thank you!!!!
Lisa says
Thank you so much! I was starting to tear my hair out. One of the challenges is knowing how to describe the thing you’re having a problem with, and I’m so glad I found your step by step guide.
Worked a treat!
Susie says
For some reason, it won’t ”add to menu”. I get an endless spinning timer that never resolves. Any clues as to why it won’t add to menu after I create the custom link and push the add button?
Thank you!
David Phillips says
Thanks much for the fix to create menu headings. Now, how can I create links in pages TO the menu heading? For example, I create a POSTS heading with the latest few POST pages under it. Elsewhere in the site I want to refer people NOT to a specific POST but to the list of POSTS, that is, the menu heading.
Maybe there is a sidebar fix to embed the POSTS list on ONE page.
Now suppose I have non-post pages, such as CLASSES. I want to link to the CLASSES heading, not a specific CLASS. I don’t want to have to maintain an empty menu placeholder page just to show the individual links.
Thoughts?
Joe says
Thanks for this, it worked a treat!
christian says
Awesome!
Many thanks to you – it worked fine.
Mohsin Sharif Qureshi says
THANK YOU SO MUCH!!
My client required this, he ordered me to add some page like this:
Area (Tab) and under it add some cities like (London,Liverpool,Loards)
Its exactly worked for me, thank you so much again
WPBeginner Support says
Hey Mohsin,
You are welcome
Administratör
Sara P says
YES! Thank you! Totally works.
Collin Blatt says
I’ve done as you’ve suggested, but the menu item redirects to an undefine page when clicked.
pasquale says
Thank you very much, it works!
Mars says
AMAZING ! Thank you worked perfectly
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.
Administratör
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.