Como editar cabeçalhos e rodapés com o Elementor no WordPress

O Elementor, um poderoso construtor de páginas do tipo arrastar e soltar para WordPress, facilita a criação de cabeçalhos e rodapés personalizados sem a necessidade de conhecimento de programação. Ao usar o Elementor Pro ou o plug-in Elementor Header & Footer Builder, você pode criar e editar essas áreas para dar ao seu site uma aparência e funcionalidade exclusivas. Veja a seguir como editar cabeçalhos e rodapés com o Elementor no WordPress.

Método 1: Usando o Elementor Pro

Se você tiver o Elementor Pro, a edição de cabeçalhos e rodapés é simples, usando o recurso Theme Builder.

Etapa 1: Instalar o Elementor Pro

1. Caso ainda não o tenha feito, compre e faça o download do Elementor Pro no site da Elementor.
2. Em seu painel do WordPress, vá para Plugins > Adicionar novo e carregue o arquivo ZIP do Elementor Pro.
3. Clique em Install Now (Instalar agora ) e depois em Activate (Ativar).
4. Certifique-se de que os plug-ins Elementor e Elementor Pro estejam ativos em seu site.

Etapa 2: Acesse o Elementor Theme Builder

1. No painel do WordPress, navegue até Templates > Theme Builder.
2. Na página Theme Builder, você verá opções para criar modelos para cabeçalhos, rodapés e outras partes do tema.

Etapa 3: criar ou editar o cabeçalho

1. Clique na guia Header (Cabeçalho ) no Theme Builder.
2. Para criar um novo cabeçalho, clique em Add New (Adicionar novo ) e selecione Header(Cabeçalho).
3. Uma janela pop-up solicitará que você nomeie o modelo; dê um nome a ele (por exemplo, “Main Header”) e clique em Create Template (Criar modelo).
4. Você pode escolher entre modelos de cabeçalho pré-criados ou criar um cabeçalho do zero arrastando e soltando elementos como logotipos, menus de navegação, botões e muito mais.
   • Adicione um logotipo: Use o widget de imagem para colocar seu logotipo.
   • Adicionar navegação: Use o widget Nav Menu para criar seu menu principal.
   • Adicionar ícones sociais: Use o widget Social Icons (Ícones sociais) para incluir links de mídia social.

Etapa 4: Defina as condições de exibição

1. Depois de projetar o cabeçalho, clique em Publicar.
2. Será solicitado que você defina as condições de exibição, que definem onde o cabeçalho será exibido em seu site (por exemplo, todo o site, páginas específicas ou postagens).
3. Escolha onde você deseja que o cabeçalho seja exibido e clique em Save & Close (Salvar e fechar).

Etapa 5: criar ou editar o rodapé

1. Para criar ou editar um rodapé, repita o processo clicando na guia Footer (Rodapé ) no Theme Builder.
2. Clique em Add New (Adicionar novo ) e selecione Footer (Rodapé).
3. Crie seu rodapé usando os widgets do Elementor (por exemplo, adicione widgets como texto, informações de direitos autorais, detalhes de contato ou ícones sociais).
4. Após o design, defina as condições de exibição (semelhantes às do cabeçalho) e clique em Save & Close (Salvar e fechar).

Método 2: Usando o Elementor Header & Footer Builder (opção gratuita)

Se estiver usando a versão gratuita do Elementor, você ainda poderá criar cabeçalhos e rodapés personalizados instalando o plugin Elementor Header & Footer Builder.

Etapa 1: Instale o plug-in Elementor Header & Footer Builder

1. Em seu painel de controle do WordPress, navegue até Plugins > Adicionar novo.
2. Procure o Elementor Header & Footer Builder e clique em Install Now (Instalar agora).
3. Após a instalação, clique em Activate (Ativar).

Etapa 2: Criar um novo modelo de cabeçalho

1. Depois que o plug-in for ativado, vá para Appearance > Elementor Header & Footer Builder no painel do WordPress.
2. Clique em Add New (Adicionar novo ) para criar um novo modelo.
3. Na janela pop-up, escolha Header (Cabeçalho ) como o tipo de modelo.
4. Dê um nome ao seu modelo (por exemplo, “Custom Header”) e clique em Create Template (Criar modelo).

Etapa 3: Projete o cabeçalho com o Elementor

1. Você será redirecionado para o editor do Elementor, onde poderá criar seu cabeçalho personalizado.
2. Use os widgets do Elementor para adicionar conteúdo, como um logotipo, menu de navegação e ícones sociais.
3. Quando estiver satisfeito com o design, clique em Publish (Publicar).

Etapa 4: Atribuir regras de exibição

1. Depois de clicar em Publicar, defina as Regras de exibição para decidir onde o cabeçalho será exibido (site inteiro, páginas específicas etc.).
2. Salve suas alterações.

Etapa 5: Criar um modelo de rodapé

1. Para criar um rodapé personalizado, vá para Appearance > Elementor Header & Footer Builder e clique em Add New (Adicionar novo).
2. Selecione Footer (Rodapé ) como o tipo de modelo.
3. Projete o rodapé usando a interface de arrastar e soltar do Elementor, adicionando widgets como informações de direitos autorais, links e ícones sociais.
4. Defina as Regras de exibição para especificar onde o rodapé aparecerá e, em seguida, salve suas alterações.

Personalização do cabeçalho e do rodapé

Quer esteja usando o Elementor Pro ou o plug-in gratuito, você pode personalizar totalmente o design de seus cabeçalhos e rodapés:

• Adicionar um cabeçalho fixo: Habilite a opção de aderência para o cabeçalho nas configurações avançadas, garantindo que o cabeçalho permaneça visível durante a rolagem.
• Design responsivo: Use as configurações responsivas do Elementor para ajustar a forma como seu cabeçalho e rodapé aparecem em dispositivos móveis e tablets.
• Adicionar conteúdo dinâmico: Para usuários do Elementor Pro, é possível inserir conteúdo dinâmico, como botões de login, carrinhos de compras ou barras de pesquisa.

Conclusão

Usar o Elementor para criar e editar cabeçalhos e rodapés no WordPress é uma maneira fácil e poderosa de personalizar o design do seu site sem codificação. Com o Elementor Pro, você pode controlar totalmente o cabeçalho e o rodapé com o Theme Builder, enquanto o plugin gratuito Elementor Header & Footer Builder oferece uma experiência semelhante para usuários sem a versão Pro. Seguindo essas etapas, você pode criar um cabeçalho e rodapé de site profissional e exclusivo em pouco tempo.