Frequentemente perguntamos aos nossos usuários se há 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 com o WordPress. Configurar um menu é uma das coisas mais importantes que você pode fazer ao iniciar um novo site.
No entanto, ao criar um menu suspenso, você pode querer adicionar um título para 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 vincular a uma página.
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 de usuário excepcional.
Para proporcionar uma experiência de usuário fluida, seu site WordPress deve ter um menu de navegação bem estruturado. Isso facilita para os usuários encontrarem conteúdo e diferentes páginas em seu site.
Ao adicionar 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 exibir um título de menu, mas não vincular a uma página em certas situações.
Por exemplo, você pode ter um menu suspenso de categorias onde você quer 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, ele simplesmente abrirá um submenu no menu suspenso.
Dito isso, vamos ver como você pode adicionar um título a um menu do WordPress sem vincular a uma página.
Adicionando Título de Menu no 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 indo em Aparência » Menus no seu painel de administração do WordPress.
Observação: Se você não vir a opção Aparência » Menus, então você está usando um tema de bloco, e este tutorial não funcionará para o seu tema.
Em seguida, você desejará 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 Links Personalizados, basta clicar no botão ‘Opções de Tela’ no canto superior direito da tela. Em seguida, marque a caixa para ‘Links Personalizados’.
Depois disso, você precisará inserir um rótulo ou título para o seu item de menu.
No campo URL, prossiga e insira o símbolo de hashtag (#) e clique no botão ‘Adicionar ao Menu’.
Seu item de menu agora será adicionado ao menu do WordPress.
Em seguida, você precisará clicar na seta suspensa ao lado deste link personalizado para editar o item de menu. Prossiga e remova o sinal de hashtag do campo URL e clique no botão ‘Salvar Menu’.
Você pode adicionar submenus a este 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ê for ao seu blog WordPress, verá um item de menu sem link.
Esperamos que este artigo tenha ajudado você a aprender como adicionar títulos ao menu do WordPress sem vincular a uma página. Você também pode querer 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, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Marit
Obrigado! Esta era exatamente a informação que eu precisava!
Ken
Era exatamente o que eu precisava.
Eu estava coçando a cabeça, me perguntando como conseguiria fazer isso.
Então encontrei este artigo, muito obrigado.
Jon
Isso funcionou muito bem, obrigado!
Petur Kirke
Uma pequena coisa faltando neste artigo.
Como se livrar da mão (cursor: pointer), ou sou só eu que tenho esse problema?
Scot
Eu usei este tipo de link personalizado no nível superior do meu menu principal, e funciona muito bem no desktop. Mas em dispositivos móveis, quando eu toco no link personalizado, ele não abre os submenus abaixo dele, então nenhuma dessas páginas está disponível. Existe uma maneira de corrigir isso?
adnan
isso foi útil obrigado
Hamba Allah
muito obrigado :*
Luis Casanova
Obrigado!
Era exatamente o que eu precisava!
Steve
Adicionei um título ao menu do meu site como você sugeriu usando o método #, mas precisei removê-lo. Fiz isso no Painel, mas ainda aparece no menu principal do meu site e, quando aberto, diz "página em branco" e que é inseguro. Como removo?
WPBeginner Support
Se você estiver usando um plugin de cache, por favor, exclua os arquivos cacheados. Visite também a tela de Menus para ter certeza de que você excluiu o item do menu. Não se esqueça de clicar em salvar o item do menu após remover ou adicionar um item ao menu. Espero que isso ajude.
Admin
Pam Hill
Eu tenho um menu existente do qual preciso remover links de páginas. Como faço isso? Tenho 3 títulos no cabeçalho que levam à sua própria página. Não quero que ele leve a nenhuma página.
Danielle
OMG, isso foi uma salvação e eu gostaria de ter encontrado isso há uns 6 meses... Tenho tentado descobrir isso há muito tempo. MUITO OBRIGADO!!
Brendan Dunne
Usei este método para resolver meu problema e funciona muito bem, obrigado.
No entanto, o cabeçalho do menu criado não é uma página, então, quando eu for mapear as subpáginas, como devo estruturá-las?
Marek
Olá,
Criei um item de menu personalizado que quero que funcione apenas como um rótulo, então excluí o URL desse item, mas ele ainda mostra uma cor diferente ao passar o mouse, como se fosse um link. Como desabilito esse efeito de hover desse item?
Você pode ver aqui: e o item é o ‘Written About Braunstein’s:’ no menu abaixo do logotipo.
Obrigado
Susan Taunton
Isso é em resposta à pergunta de Marek de 9 de agosto sobre como remover o efeito de hover de um título de menu não vinculado:
Marek,
Você pode usar a ferramenta de desenvolvimento do navegador para identificar o número do item de menu desse título e, em seguida, usar CSS para definir as cores do link, visitado, hover, foco e ativo para serem todas iguais e, assim, remover o efeito de hover.
Exemplo:
#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
ótimo trabalho, colega
Penelope Whiteley
Não entendi isso... existem mais imagens que talvez mostrem o produto final?
Norbert
Obrigado, é brilhante e funciona!!!!
WILLIAM
Obrigado, funciona perfeitamente.
Rui
Usando Aparência>Menus, crie um item de Links Personalizados com o URL como
javascript: void(0);
This is the a great way of solving that problem
Peter
Isso me incomodou por um tempo, mas nunca fiz nada a respeito. Pesquisei no Google e bingo, resolvido. Tão simples, obrigado.
Annelisse Miller
Funcionou Perfeito! Tão fácil de seguir! Obrigado!
teri matelson
posso criar um link personalizado, adicionado à navegação principal, para abrir em uma nova janela?
Matthias
Obrigado – muito útil!
Rajit
Olá, Como faço para modificar o estilo dos links personalizados? Quero separar dois conjuntos de itens de menu com cabeçalhos separados e não clicáveis.
Obrigado
Graham
Cheers for that. We were really stuck. Knew it could be done, but didn’t know how…until now. Yer a star
Rosie
Obrigado!! É exatamente isso que eu precisava fazer e funcionou maravilhosamente.
Rosie
Sanjay Nair
Tão simples! Exatamente o que eu precisava. Obrigado.
Hayley
Obrigado! Exatamente o que eu precisava!
Carol M. Smith
Obrigado... mas eu não quero que as palavras “Menu Item” apareçam no menu... Posso mudar o nome “Menu Items”?
Leanne
Exatamente o que eu precisava saber! obrigado!!
Bob Varaleau
Eu estava usando categorias para fazer isso, mas isso é muito melhor. Há um problema em que você talvez possa me ajudar.
Se um espectador clicasse no link personalizado, o link do menu personalizado permaneceria destacado até que você clicasse em um subitem ou em algum outro lugar da página. É uma coisa pequena, mas se pudesse ser corrigida, tornaria essa correção para o menu ainda melhor. É possível tornar este botão de menu de link personalizado não clicável usando CSS??
Menno van der Krift
Valeu! Funciona que é uma maravilha.
Mike
Estranhamente, isso não funciona no iPad. Antes que o submenu possa aparecer, ele pergunta se você deseja salvar a imagem? Funciona perfeitamente bem quando o botão suspenso tem um link de página normal, ou seja, o item do menu é extraído de 'Páginas'.
George
Isso é ótimo – funciona. No entanto, o título do meu menu suspenso mudou de cor – de branco para azul. Alguém pode explicar como posso corrigir isso no WordPress?
jhodgski
Obrigado por isso, mas isso não resultaria em HTML inválido, pois vejo que você acaba com um elemento âncora/link que não tem atributo href. Também seria semanticamente incorreto usar um elemento âncora/link se o item não for realmente um link. Existe uma maneira melhor?
viktoriana
Isso não funcionou no meu caso :/ Converti um menu que era uma lista ul de links em um wp_nav_menu registrado e agora as categorias que eram listadas como wp_list_categories NÃO aparecem sob o link personalizado como costumavam. De alguma forma, wp_list_categories ainda precisa ser adicionado ao wp_nav_menu, e não é nada simples como este post sugere. :/
viktoriana
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
Eu amo wpbeginner! Obrigado por este ajuste, valeu
Rob Lowndes
Exatamente o que eu procuro. Mas quando coloco algumas páginas como subitens sob o novo item de menu em branco, fica ótimo até que eu salve o menu e então essas páginas revertem automaticamente para o menu principal! Em outras palavras, o WP 3.7.1 não me permite salvar submenus para o novo item. Alguém pode me ajudar?
Wayne Gerald
Fiz isso no meu extenso site de treinamento. No entanto, fiquei sem links personalizados, o que significa que atingi o limite de links personalizados do WordPress. Ultrapassando esse limite, o menu de navegação não salva mais. Então, como posso contornar esse limite de links personalizados? Existe um plugin? Se sim, não consigo encontrá-lo.
Qualquer ajuda seria muito, muito apreciada.
Joe Dean
Você provavelmente já resolveu isso, mas, para qualquer outra pessoa lendo isto:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-custom-menu-items-limit-in-wordpress/
kuldip
Valeu cara, isso é útil para mim
Muhlis
é isso que eu estava procurando para editar o menu suspenso de categorias no meu site resellerhunter.com, obrigado pela ajuda.
grrprep
Eu quero fazer algo ao contrário. Quero adicionar páginas, mas não deixá-las aparecer nos menus. Tenho cerca de 20 páginas e não quero 20 sublinks no meu menu. Qualquer ajuda é bem-vinda.
CHRIS
Vá para os menus e desmarque a opção “Adicionar automaticamente novas páginas de nível superior”. Agora, se você quiser que alguma página apareça no menu, terá que adicioná-la manualmente.
Janet
Obrigado! Sempre me perguntei como fazer isso.:)
Jake Tyler
Esse é um bom tutorial, realmente, muito obrigado.
Chris
Existe alguma maneira de, quando deixamos o mouse sobre um item de menu que não tem link, o cursor do mouse não mudar? Praticamente o navegador não entender como um link?
Obrigado.
Mike Ott
Você pode simplesmente direcionar o elemento em CSS com:
cursor:crosshair;
Buck
Bom tutorial, eu nunca soube que isso era possível.
Beth Pittman
Obrigado por este post! Sou só eu ou mais alguém tem dificuldade em fazer as setas suspensas na tela do menu abrirem? Quando clico na seta, ela simplesmente move o item do menu para baixo no menu. Tenho que fazer isso repetidamente até que, finalmente, ele abra. Alguma dica?
Lorne
Como eu realizaria (mudaria) a mesma coisa em um site WP v3 com Menus já existentes?
Obrigado
SmittenbyBritain
Obrigado pela dica. Eu estava tentando descobrir como fazer isso. Eu apenas vinculava as coisas de volta para a página inicial se eu não tivesse uma URL. Isso funciona muito bem!
bob
e se você já estabeleceu uma barra de menu grande? você pode voltar e mudar o título da primeira barra de menu para não se conectar a uma página?
Equipe Editorial
Sim, você sempre pode ajustar os menus. Essa técnica é particularmente útil se você quiser adicionar itens suspensos na sua barra de menu longa.
Admin