Quem se debruça pela primeira vez sobre o WordPress tropeça em poucos minutos no nome Elementor. Normalmente numa formulação do género „com isto constrói o seu site sem programar“. É verdade, mas não explica o que a coisa é afinal nem porque é que existe. Aqui fica a versão sóbria.
A versão curta
O Elementor é um plugin WordPress com o qual você desenha visualmente os conteúdos das páginas. Em vez de escrever texto num campo de introdução e esperar que o tema faça daí algo apresentável, você arrasta elementos para uma superfície e vê imediatamente o aspeto do resultado. O que vê no editor é, no essencial, o que o visitante verá depois.
Estas ferramentas chamam-se page builders. O Elementor é o mais difundido; corre em vários milhões de instalações WordPress.
Porque é que isto existe
O WordPress era originalmente um software de blogues. Escrevia-se texto, o tema determinava o aspeto, e pronto. Assim que alguém queria uma página inicial com três colunas, uma imagem de fundo e um botão destacado, tornava-se trabalhoso: ou encontrar um tema que fizesse exatamente isso, ou programar.
Os page builders fecharam essa lacuna. Permitem layouts que o tema, por si só, não prevê — sem que você tenha de mexer em CSS ou PHP.
Entretanto, o próprio WordPress traz com o editor de blocos (Gutenberg) uma ferramenta semelhante. Como é que os dois se relacionam e quando é que cada um faz mais sentido, escrevi em detalhe na comparação entre editor de blocos e page builder.
Como é trabalhar com ele
A estrutura explica-se depressa. À esquerda fica uma barra com elementos — título, texto, imagem, botão, vídeo, ícone e por aí adiante. À direita (ou ao centro, consoante a vista) fica a sua página. Você arrasta um elemento para lá, clica nele, e a barra da esquerda passa a ser a área de definições exatamente desse elemento.
Essas definições estão divididas em três separadores, e este padrão vale para todos os elementos:
- Conteúdo — o que lá está: o texto, a imagem, o destino da ligação.
- Estilo — o aspeto: cor, tamanho de letra, espaçamentos, contornos.
- Avançado — onde fica e como se comporta: margens exteriores, visibilidade em dispositivos móveis, classes CSS próprias.
Depois de interiorizar esta divisão em três, você orienta-se em qualquer widget. Este é o verdadeiro passo de aprendizagem — o resto é prática.
Contentores: a parte que muitos saltam
Os elementos não ficam soltos na página, ficam dentro de recipientes. Estes contentores determinam a estrutura: a largura do conteúdo, se os elementos ficam lado a lado ou uns por baixo dos outros, como quebram no telemóvel.
Quem ignora os contentores e simplesmente atira widgets lá para dentro obtém páginas que no computador ficam aceitáveis e no telemóvel se desfazem. É, de longe, o erro mais frequente que reparo nas formações. Por isso dediquei ao tema um artigo próprio: Contentores em vez de secções.
Gratuito ou pago?
O Elementor existe em duas versões. A versão gratuita é completa e chega para muitos sites. A versão Pro acrescenta sobretudo quatro coisas: um widget de formulário próprio, o Theme Builder para cabeçalho e rodapé, popups e conteúdos dinâmicos.
Que versão lhe serve, calculei em Elementor Free ou Pro. Versão curta: comece pela gratuita, você nota a construir se precisa de mais.
Elementor Pro: Se quiser cabeçalho, formulários e popups a partir de uma só fonte, em vez de manter três plugins separados, está tudo na licença Pro. Ver o Elementor Pro
Para quem serve — e para quem não serve
Serve se você quiser manter o seu site sozinho, tiver na cabeça um layout que o seu tema não permite e estiver disposto a investir algumas horas nos fundamentos.
Serve menos se o seu site for feito de texto corrido e não precisar de layouts especiais — nesse caso o editor de blocos chega. Do mesmo modo, se a velocidade máxima de carregamento estiver acima de tudo: um page builder gera forçosamente mais markup do que código escrito à mão. E se você nunca vai trabalhar no site com as suas próprias mãos, o tempo de aprendizagem está mal investido.
Digo isto com clareza, porque o Elementor não é a resposta certa para todas as situações. Quando é que desaconselho, está em Quando o Elementor é a escolha errada.
Como começar da melhor forma
Instale a versão gratuita, crie uma página de teste que nunca será publicada e brinque lá durante uma hora. Arraste elementos para dentro, mova-os, mude para a vista de telemóvel e veja o que acontece. Nessa hora você aprende mais do que em cinco vídeos.
Se preferir o caminho estruturado e quiser saltar os tropeços típicos, na minha formação em Elementor conduzo-o exatamente por estes fundamentos.
Etiquetas