Personalizando o Cabeçalho e o Rodapé - Módulo de Personalização

Funcionalidade disponível exclusivamente para usuários do Módulo de Personalização da Auryn. 

Antes de personalizar o Cabeçalho ou o Rodapé do seu site com o Elementor Pro, é importante que você configure no mínimo os principais menus e seus links no WordPress na opção Aparência > Menus. Temos um manual completo sobre isso aqui: Configuração de Menus e seus Links no Módulo de Personalização

Abaixo temos um print da configuração do Menu Principal do site e seus Links, que será utilizado neste tutorial como exemplo.

Personalizando o Cabeçalho e o Rodapé no Elementor Pro

Vou editar o Cabeçalho para este exemplo (mas poderia ser o rodapé) acessando o menu esquerdo do WordPress: Modelos > Theme Builder > Cabeçalho > Editar com Elementor.

__________________________________________________________

A nossa equipe já deixou um Cabeçalho de exemplo preparado para você poder editar. Se preferir, você poderá substituí-lo completamente por outro modelo pronto de cabeçalho (clicando na pastinha da direita), ou ainda, deletar tudo e fazer do zero (clicando no "+". Fica a seu critério e da sua equipe técnica.

Caso vocês não tenham muita experiência com Wordpress e Elementor Pro, sugerimos que comecem editando modelos prontos até se familiarizarem com as ferramentas.

__________________________________________________________

Menu

Ao clicar sobre a área do menu principal neste cabeçalho (aí vai aparecer um ícone de lápis no canto superior direito desta área), na aba da esquerda abrirão as informações de configuração em "Editar Nav Menu", onde na aba Conteúdo > Layout > Menu, você deve escolher o menu desejado, neste caso utilizamos o "Menu Principal" que havíamos configurado no WordPress.

Agora você sabe como inserir os links e menus da Plataforma Auryn no seu Cabeçalho Personalizado via WordPress e Elementor Pro.

__________________________________________________________

Abaixo seguem alguns dos principais tutoriais para Elementor Pro, que ajudarão você a fazer a edição dos componentes personalizados do seu site:

- How to Change Font Size, Color, Family & Style in Elementor Page Builder 

Tradução livre: Como mudar tamanho, cor e família de fonts e seus estilos no editor do Elementor 

- Show or Hide Columns Per Device 

Tradução livre: Mostrar ou Esconder Colunas por Dispositivo 

Lembrando que é bem importante que você configure seu layout para funcionar bem tanto no Desktop quanto em dispositivos móveis como Tablets e Smartphones.

- How To Place Widgets Side By Side In The Same Column 

Tradução livre: Como Colocar Componentes Um ao Lado do Outro na Mesma Coluna

Confira todos os tutoriais do Elementor Pro nesta lista:

- Tutoriais Sobre Design - Elementor 

- Tutoriais Sobre Layout - Elementor 

- Tutoriais de Edição para Mobile - Elementor 

- Link para a Central de Ajuda Completa do Elementor Pro