Edite o menu em Aparência > Menus.
Depois, adicione um novo item através da caixa Links Personalizados.
No campo URL apague o http://
e insira a âncora que você deseja (Exemplo: #id-do-elemento
).
No campo Texto do menu coloque o nome que você quer que apareça no menu.
Salve e pronto.
Obs.: Se a caixa de link personalizado não estiver aparecendo, vá até Opções de tela, no canto superior direito da página e ative a opção “links personalizados”.
Olá Anyssa, tentei fazer desta forma mas não ta dando.. O que eu colocaria no id do elemento? No meu caso é uma one page, página de vendas, mas como a página é muito longa eu queria colocar que ao clicar no menu a página desce até o local clicado.
No ID do elemento você coloca um nome, por exemplo:
<div id="secao-1">
Conteúdo da Seção 1 aqui.
</div>
Depois, no menu, da forma que eu expliquei acima, você coloca um link personalizado com a URL #secao-1
.
Com isso o clique vai funcionar, mas quando clicar a página vai pular direto para o elemento indicado, não vai ter aquele efeito de rolagem suave. Se você quiser esse efeito, vai ser necessário JavaScript.
Aqui tem um exemplo de JS que você pode usar:
https://css-tricks.com/snippets/jquery/smooth-scrolling/
Ok já vi aqui que tem uma opção do tema de Menu Anchor, mas obrigado pela rápida resposta, muito bom esse fórum!
Por nada 🙂
Vou marcar o tópico como resolvido então.
Olá, o meu está funcionando a âncora, porém o menu não some quando eu clico. Tem como resolver isso também?