Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar títulos no menu do WordPress sem vincular a uma página

Nossos usuários sempre nos perguntam se existe uma maneira de adicionar títulos ao menu do WordPress sem adicionar um link.

Ao longo dos anos, ajudamos milhares de usuários a começar a usar o WordPress. A configuração de um menu é uma das coisas mais importantes que você pode fazer ao iniciar um novo site.

No entanto, ao criar um menu suspenso, talvez você queira adicionar um título para os submenus sem vinculá-lo a uma página específica. Dessa forma, você manterá os visitantes na mesma página.

Neste artigo, mostraremos como adicionar títulos ao menu do WordPress sem criar um link para uma página.

Add WordPress Menu items without links

Por que adicionar títulos de menu sem vincular a uma página?

O WordPress oferece várias opções para personalizar seu site, permitindo que você alcance seu público-alvo e ofereça uma experiência excepcional ao usuário.

Para proporcionar uma experiência de usuário tranquila, seu site WordPress deve ter um menu de navegação bem estruturado. Isso facilita para os usuários encontrarem o conteúdo e as diferentes páginas do seu site.

Quando você adiciona títulos de menu, o WordPress exige que cada menu tenha um link para uma página ou um link personalizado por padrão. No entanto, você pode querer mostrar um título de menu, mas não um link para uma página em determinadas situações.

Por exemplo, você pode ter um menu suspenso de categorias em que deseja que o texto do título seja “categorias” para o menu, mas não precisa adicionar um link. Quando os usuários clicarem em categorias, isso simplesmente abrirá um submenu no menu suspenso.

Dito isso, vamos ver como você pode adicionar um título ao menu do WordPress sem criar um link para uma página.

Como adicionar o título do menu do WordPress sem vincular a uma página

A primeira coisa que você precisa fazer é adicionar um novo item de menu ao seu menu. Você pode fazer isso acessando Appearance ” Menus no painel de administração do WordPress.

Observação: Se você não vir a opção Appearance ” Menus, então você está usando um tema de bloco e este tutorial não funcionará para o seu tema.

Em seguida, você deseja adicionar um link personalizado. Você pode ver as opções de “Links personalizados” na seção “Adicionar itens de menu”.

Se você não vir os Links personalizados, basta clicar no botão “Screen Options” (Opções de tela) no canto superior direito da tela. Em seguida, marque a caixa de “Links personalizados”.

Screen options in WordPress

Depois disso, você precisará inserir um rótulo ou título para o item de menu.

No campo URL, digite o símbolo da hashtag (#) e clique no botão “Add to Menu”.

Add a custom link menu item

Seu item de menu será adicionado ao menu do WordPress.

Em seguida, você precisará clicar na seta suspensa ao lado desse link personalizado para editar o item de menu. Remova o sinal de hashtag do campo URL e clique no botão “Save Menu” (Salvar menu).

Remove the hashtag sign and save menu

Você pode adicionar submenus a esse item de menu e vinculá-los a qualquer página ou inserir um link personalizado, se desejar.

Se precisar de ajuda para adicionar o menu ao seu site, consulte nosso guia sobre como adicionar um menu de navegação no WordPress.

Agora, se você acessar seu blog do WordPress, verá um item de menu sem um link.

Menu title preview without link

Esperamos que este artigo tenha ajudado você a aprender como adicionar títulos ao menu do WordPress sem criar um link para uma página. Talvez você também queira conferir nosso guia sobre como adicionar ícones sociais ao menu do WordPress e como adicionar uma barra de pesquisa ao menu do WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

105 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    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!

  2. Joe Baker

    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

      Thanks for sharing this in case someone runs into this issue as well. :)

      Administrador

  3. Sarah Bennett

    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.

  4. Joe Truehart

    Exactly what I was looking for!! Thanks for the help

    • WPBeginner Support

      Glad our guide was helpful!

      Administrador

  5. Angie

    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!

  6. Joshua R

    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

      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.

      Administrador

  7. Dana

    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.

  8. Julie Bernicker

    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

      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.

      Administrador

  9. Royce Diamond

    This is exactly what I was looking for.  Thank you.

    • WPBeginner Support

      You’re welcome :)

      Administrador

  10. Lars

    Hi
    what is best practice when I use this technique on a menu-items, when having breadcrumbs on my site?

    • WPBeginner Support

      That would heavily depend on your setup for your menu items.

      Administrador

    • WPBeginner Support

      You’re welcome :)

      Administrador

  11. Sharon D

    Super helpful! Thanks very much

    • WPBeginner Support

      You’re welcome :)

      Administrador

  12. roman

    Thanks. This was helpful. Now it works.

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  13. Lana

    Thanks. That was exactly i needed. :-)

    • WPBeginner Support

      You’re welcome, glad our article was helpful :)

      Administrador

  14. PaulaLA

    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

      Glad our guide could be helpful :)

      Administrador

  15. KG

    Thank you, this was very helpful. :)

    • WPBeginner Support

      You’re welcome :)

      Administrador

  16. Sayn

    Great! Thank you so much, saved my time

  17. Marina

    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

  18. Jeff Bocos

    Thanks very much! Exactly what I needed – worked like a charm.

    Cheers,
    Jeff

  19. Edgar

    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

      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

  20. Eric Brickus

    You guys are so awesome!!!! This was exactly what I was looking for!!!! Thank you!!!!

  21. Lisa

    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!

  22. Susie

    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!

  23. David Phillips

    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?

  24. Joe

    Thanks for this, it worked a treat!

  25. christian

    Awesome!
    Many thanks to you – it worked fine. ;)

  26. Mohsin Sharif Qureshi

    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

  27. Sara P

    YES! Thank you! Totally works.

  28. Collin Blatt

    I’ve done as you’ve suggested, but the menu item redirects to an undefine page when clicked.

  29. pasquale

    Thank you very much, it works!

  30. Mars

    AMAZING ! Thank you worked perfectly

  31. Marit

    Thank you! This was exactly the information I needed!

  32. Ken

    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.

  33. Petur Kirke

    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 ?

  34. Scot

    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?

  35. Hamba Allah

    thank you soo much :*

  36. Luis Casanova

    Thank you!
    Just what I needed!

  37. Steve

    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

      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.

      Administrador

  38. Pam Hill

    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.

  39. Danielle

    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!!

  40. Brendan Dunne

    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?

  41. Marek

    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

      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

  42. Penelope Whiteley

    I didn’t understand this … are there any more images that maybe show the finished product?

  43. Norbert

    Thanks, it is brilliant and works!!!!

  44. WILLIAM

    Thank you, it works like a charm.

  45. Rui

    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 :)

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.