Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 901.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62.

Gostaria de saber como criar um menu de navegação One Page em Elementor ?

Existem sites que possuem apenas uma página (a homepage). Mesmo ao clicar em um item do menu de navegação, você será levado para outra seção da mesma página em vez de outra página.

O objetivo deste tipo de site da Web é fazer com que os visitantes se concentrem em seu conteúdo. Além do conteúdo, outro elemento-chave de um site da Web para uma página é o menu de navegação. Dentro Elementor, é muito fácil criar o menu de navegação de um site de uma página.

Este artigo mostrará como.

Para lhe dar uma visão geral, aqui está um exemplo de um menu de navegação de site de uma página.

criar menu de navegação One Page no Elementor

Como mencionado, não é difícil criar um menu de navegação de site de uma página como o acima no Elementor.

Embora alguns complementos, como Complementos essenciais et Powerpack, vêm com um widget para criar navegação em uma página, você também pode criar um sem instalar um complemento.

Crie facilmente seu site com Elementor

Elementor permite que você crie Facilmente e Gratuito qualquer site ou blog com um visual profissional. Pare de pagar muito por um site que você pode fazer sozinho.

A ideia principal é apontar um item de menu para uma determinada seção da página. Para fazer isso, você precisa adicionar um ID CSS à seção que deseja apontar.

Leia também: Como definir a posição personalizada para o menu móvel no Elementor

Vamos dar um exemplo.

Suponha que você tenha um item de menu chamado “Aulas” e queira que seus visitantes sejam direcionados para a seção “Aulas” de seu site de uma página sempre que clicarem no item de menu “Aulas”.

Primeiro, edite a página com Elementor e selecione a seção “Classes” (use o navegador para sua conveniência).

criar menu de navegação One Page no Elementor

Depois que a seção Classes for selecionada, vá para a guia avançado no painel esquerdo e abra o bloco avançado. Introduzir oCódigo CSS da seção no campo Código CSS.

criar menu de navegação One Page no Elementor

Repita as etapas acima para outras seções que deseja designar com itens de menu.

Chamando identificadores CSS

Você pode usar qualquer widget Elementor que tenha a opção de adicionar um link para chamar cada ID CSS adicionado às seções. Basta colar o id do CSS no campo do link. Adicione o " # como prefixo.

criar menu de navegação One Page no Elementor

Se quiser usar o widget Menu de navegação, você pode alterar o menu que usa. No campo URL de cada item de menu, digite o ID do CSS com o "#" como prefixo.

Obtenha o Elementor Pro agora !!!

Conclusão

Aqui ! É isso neste artigo que mostra como criar um menu de tela cheia no Elementor. Se você tiver alguma dúvida sobre como chegar lá, informe-nos dentro Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...

%d bloggers gostam desta página: