A área de conteúdo de uma página desenha-se depressa com o Elementor. Já o cabeçalho — logótipo, menu, número de telefone, talvez um botão — pertence, à partida, ao tema. Só o pode ajustar até onde o tema o previr. O Theme Builder levanta esse limite.
Do que o Theme Builder trata
Com ele desenha as áreas que ficam fora do conteúdo propriamente dito da página: cabeçalho, rodapé, o layout de cada artigo, a vista geral do blogue, as páginas de arquivo, a página 404 e, no caso das lojas, as páginas de produto.
O princípio é sempre o mesmo: constrói um modelo e define onde ele deve valer. É na segunda parte que a coisa emperra na prática.
O Theme Builder é uma funcionalidade da versão Pro.
Elementor Pro: poder desenhar livremente o cabeçalho, o rodapé e os layouts de artigo é a razão mais frequente para a passagem ao Pro — mais do que os formulários ou os popups. Ver o Elementor Pro
Preparação: o tema certo
Se é o Elementor que constrói o cabeçalho, o tema não deve fornecer um segundo. Caso contrário fica com dois cabeçalhos sobrepostos.
O mais descomplicado é um tema deliberadamente mínimo como o Hello, pensado exatamente para isso: quase não traz desenho próprio e deixa o campo livre ao Elementor. Em temas mais extensos, procure nas definições do tema uma opção para desativar o cabeçalho próprio. Se não existir nenhuma, isso é um sinal de que o tema e o Theme Builder se vão atravessar um ao outro.
Criar um cabeçalho
No menu do WordPress, em Modelos → Theme Builder, escolhe Cabeçalho e cria um modelo novo. O Elementor oferece blocos prontos; eu construo quase sempre do zero, porque as variantes prontas raramente combinam com o resto.
Uma estrutura sólida tem este aspeto: um contentor, definido como linha flex, com o logótipo à esquerda e o menu à direita. O alinhamento vertical em „centrado“, a distribuição horizontal em „espaço entre“. É esta a estrutura que também não colapsa em ecrãs estreitos.
Para o menu usa o widget Menu de navegação. Ele acede aos menus que criou no WordPress em Design → Menus — crie portanto o menu primeiro, senão o widget fica ali vazio.
O passo que muitos esquecem: as condições de exibição
Antes de publicar, o Elementor pergunta onde o modelo deve valer. Essa pergunta não é uma formalidade.
Para um cabeçalho que vale em todo o lado, defina a condição como Site inteiro. Se, em vez disso, quiser um cabeçalho diferente só para a página inicial, cria um segundo modelo e define aí a condição mais específica. A regra mais específica ganha à mais geral.
O erro mais frequente que vejo: modelo construído, publicado, condição saltada — e depois a perplexidade de nada estar diferente no site. Pode definir as condições a qualquer momento, à posteriori, através do menu de pré-visualização no editor ou da vista geral dos modelos.
Cabeçalho fixo, resolvido de forma limpa
Um cabeçalho que fica em cima ao deslizar é um dos requisitos mais frequentes. Resolve isso no contentor em Avançado → Efeitos de movimento → Fixo: em cima.
Dois pontos em que a coisa emperra tipicamente:
O cabeçalho desaparece por trás do conteúdo. Defina em Avançado um índice Z suficiente, por exemplo 999.
O conteúdo salta ao deslizar. Isso acontece quando o cabeçalho fixo muda de altura. Se quiser mostrar um logótipo mais pequeno ao deslizar, trabalhe com as definições do efeito e verifique o resultado no telemóvel — é aí que os saltos mais se notam.
E uma recomendação saída da prática: no telemóvel, um cabeçalho fixo rouba altura de ecrã valiosa. Aí desligo-o muitas vezes. As opções de visibilidade para isso estão também em Avançado; como procedo em geral no telemóvel está em otimizar o Elementor para telemóvel.
O rodapé
O rodapé funciona segundo o mesmo padrão, mas é menos crítico — sem fixação, sem lógica de menu. Preste atenção a duas coisas: o aviso legal e a política de privacidade têm de estar acessíveis a partir de qualquer página, e as colunas devem correr no telemóvel bem umas por baixo das outras, em vez de espremidas lado a lado.
Quando algo não aparece
Três causas cobrem a maioria dos casos: falta a condição de exibição. O tema continua a fornecer o cabeçalho dele. Ou um plugin de caching está a segurar a versão antiga — limpe a cache antes de continuar a procurar.
Outros tropeções típicos e as suas causas reuni-os em resolver erros frequentes do Elementor.
Se preferir montar o Theme Builder uma vez acompanhado, em vez de andar às apalpadelas pelas condições de exibição: é exatamente isso que faço consigo na minha formação de Elementor.
Etiquetas