Como criar itens de menu do WordPress sem um link

WordPress é uma plataforma adequada para todos, incluindo pessoas com conhecimento absolutamente zero de codificação. Emparelhe este CMS com o tema WordPress certo, e você pode criar virtualmente qualquer tipo de site imaginável.

Existem alguns elementos que todos os sites têm em comum, independentemente do nicho. Por exemplo, para garantir que os usuários possam encontrar o caminho com facilidade, todo site precisa ter um bom menu de navegação. E se você administra um site de várias camadas com muito conteúdo, nesse caso, você precisa criar um mega menu para permitir uma navegação eficaz do usuário. Um menu bem estruturado é uma necessidade absoluta porque permite que os usuários encontrem e acessem rapidamente as partes de um site em que estão interessados.

Ao adicionar itens de menu ao seu menu no WordPress, por padrão, cada item precisa ter um link e levar o usuário a algum lugar com um clique. Claro, há casos em que o link não é necessário, quando é supérfluo.

Por exemplo, podemos querer exibir um item de menu que simplesmente abrirá os subitens no menu suspenso e não vinculará realmente a nada. Esses itens são chamados de itens de menu “sem vínculo” ou “inativos” e, ao contrário dos itens de menu “normais”, eles não são clicáveis.

É hora de aprender a criar itens de menu do WordPress sem um link.

Criando um item de menu sem um link

No painel de administração, vá para Aparência> Menus.

Debaixo Adicionar itens de menu, Clique em Links personalizados. Se você não vir esta opção, role para o topo da página e no canto superior direito procure Opções de tela.

Clique nele, procure o Links personalizadose marque esta caixa.

Vamos agora para Links personalizados. Esta opção aparecerá no Adicionar itens de menu seção. No URL campo insira uma hashtag (#). No Texto do link campo insira o nome do item de menu que você está prestes a criar.

Quando terminar, pressione o Adicionar ao Menu botão. Depois de salvar as alterações, o novo item de menu aparecerá na estrutura de menu à direita.

Agora você pode clicar no item de menu para abrir suas opções. Se você deixar o sinal ‘#’ no campo URL, o novo item de menu aparecerá como se tivesse um link, mas, ao clicar nele, o usuário voltará ao topo da página que está navegando no momento. Se você excluir a hashtag e deixar o campo vazio, a página em que eles estão navegando será atualizada quando eles clicarem no item de menu.

Felizmente, também existe uma solução simples para isso.

Como tornar os itens do menu impossíveis de clicar

Para deixar claro que um item de menu está desvinculado, você também pode fazer com que o cursor do mouse seja exibido como o ícone padrão quando um usuário passa o mouse sobre esse item de menu. Se estiver usando um dos temas premium do WordPress da Qode Interactive, você pode fazer isso simplesmente marcando o Não ligue caixa.

Isso não apenas mostrará o cursor padrão ao passar o mouse, mas também tornará o item de menu não clicável (ou seja, se um usuário clicar no item de menu, nada acontecerá).

Caso você não esteja usando um de nossos temas, você pode manter o cursor padrão em foco e tornar o link não clicável por meio de um CSS simples. Dentro Aparência> Menus Clique em Opções de tela no topo da página e certifique-se de que Classes CSS caixa está marcada.

Em seguida, vá para o item de menu que você desvinculou anteriormente e procure o Classes CSS opção. Escrever não clicável nesse campo e clique em Salvar menu.

Agora que você criou a classe, adicione o seguinte código ao seu CSS:

.unclickable > a {
pointer-events: none;
}

E isso é tudo que há para fazer. Os usuários agora não poderão clicar em nenhum item de menu com a classe não clicável.

… E isso é um embrulho!

Chegamos ao final de nosso tutorial sobre como criar itens de menu do WordPress sem um link e também mostramos como fazer o ponteiro desaparecer. Ao fazer modificações em seu painel de administração e em CSS, não se esqueça de salve todas as alterações que você fizer ao longo do caminho. E lembre-se de que a navegação clara é um componente muito importante de uma boa experiência do usuário. Seus visitantes devem ser capazes de ir de uma página para a outra sem problemas, então planeje bem a estrutura do seu menu, mas também sinta-se à vontade para experimentar a aparência do menu. Explore as possibilidades de menus ocultos ou navegação em tela cheia, mas sempre certifique-se de que seu site seja compreensível e fácil de usar.