Guia Definitivo sobre o Elementor Core (2020)

O Elementor é um plugin muito popular para criação de páginas no WordPress com mais de 5 Milhões de downloads que oferece uma interface simples e fácil para você criar suas próprias páginas e posts.

O Elementor ainda possui uma versão Pro que facilita o desenvolvimento completo de websites.

E aqui vamos dividir o Elementor em duas partes:

  • Elementor Core: Essa é a versão gratuita e OpenSource do Elementor que já possui mais de 5 milhões de downloads;
  • Elementor Pro: Essa é a versão premium que adiciona novos Widgets e também permite o desenvolvimento de Temas, Popups e muito mais.

Neste artigo vou focar no Elementor Core, que você pode instalar e usar agora mesmo no seu website e é compatível com praticamente qualquer tema.

Em Maio de 2020 participei do Primeiro Elementor Meetup São Paulo, assista:

Milhares de desenvolvedores contribuem diariamente para o projeto de código aberto Elementor, criando temas, complementos e produtos, estendendo ainda mais as suas funcionalidades.

Você pode fazer parte dos colabores enviando códigos ou testando as versões beta do Elementor no Github.

Elementor como plataforma de Design para Web

O Elementor é única plataforma de design completa que oferece um design de arrastar e soltar com mínimos detalhes e produz código limpo e otimizado.

Você pode aplicar facilmente a sua visão de design e transformar uma página em branco em um site personalizado e impressionante arrastando widgets para a tela.

Você não precisa conhecer nada sobre Web Design para criar um site completo com o Elementor.

O Elementor permite posicionamento relativo e absoluto dos componentes, widgets inline, Flexbox em colunas, etc.

Elementor Arrastar e Soltar

Você monta a página como quiser. Além disso, oferece suporte completo a RTL, compatível com plugins de tradução como WPML e Polylang e o um excelente suporte de SEO com o Rank Math.

O Elementor pode substituir seu Tema no WordPress

O Elementor funciona perfeitamente com quase qualquer tema e plug-in do WordPress, para que você possa continuar usando suas ferramentas favoritas e levar seu trabalho para o próximo nível.

O Elementor pode substituir seu Tema no WordPress

Os criadores do Elementor também fornecem um tema leve chamado Hello Elementor.

Você não precisa de todos os estilos e recursos extras que a maioria dos temas fornece ao usar um construtor de páginas; portanto, o Hello Elementor reduz isso, fornecendo um tema básico sobre o qual construir.

Quando você instala qualquer tema do WordPress, ele cria uma camada de estilos e regras de design. Isso significa que qualquer novo elemento que você introduz no seu site pode herdar essas configurações de estilo.

Isso representou um desafio para os usuários do WordPress, uma vez que a troca de temas geralmente fazia com que o design do site também mudasse (e não da maneira boa “reforma”).

O Elementor elimina esse desafio, assumindo a camada de design global anteriormente tratada pelo tema.

O Elementor pode substituir seu Tema no WordPress

O recursos Theme Style é um menu que aparece quando você clica no ícone de menu na parte superior esquerda do painel. Inclui configurações que permitem controlar todo o design do site globalmente.

Defina um determinado estilo em Estilo do tema e a alteração será aplicada em seu site. De fato, qualquer novo elemento que você adicionar ao seu site terá esse estilo por padrão.

Infinitas opções de Composição de Layout com o Elementor

O Elementor é um editor baseado em grade, o que significa que todos os layouts são construídos de acordo com uma determinada grade ou estrutura horizontal e vertical.

Elementor FlexBox

Você pode ainda definir o widget como “Inline“, o que significa que o widget ocupará a largura mínima que ele possui.

Além disso, você também tem a opção de definir qualquer largura personalizada, para que o widget se encaixe exatamente no lugar que você quiser.

Com as opções de Widget com Posição Absoluta, você poderá arrastar o widget para qualquer local da página, independentemente da grade. Aponte para qualquer lugar na tela e simplesmente arraste o widget para lá.

Importante: O posicionamento absoluto não é o método recomendado para a criação de layouts de página da web. Dito isto, é útil em muitas situações onde você deseja posicionar os vários elementos da página com mais liberdade mas não deve ser usado aleatoriamente.

Não gosta de arrastar? Você também pode definir a posição absoluta usando as escalas X e Y.

No painel, você encontrará vários controles adicionais: Orientação Horizontal e Orientação Vertical. Isso define o ponto de referência para a posição absoluta.

O posicionamento absoluto também pode ser definido separadamente para dispositivos móveis, tablets e computadores.

Defina seu widget para ter uma posição fixa e colocá-lo em uma posição personalizada. Agora, seu elemento rolará ao lado da rolagem da tela de seus usuários no seu website.

O alinhamento vertical sempre existiu nas versões anteriores do Elementor, mas agora temos ainda mais opções de alinhamento baseado no Flexbox:

  • Topo: Os itens são alinhados no topo da seção;
  • Meio: Os itens são alinhados no meio da seção;
  • Inferior: Os itens são alinhados no rodapé da seção;
  • Espaço Entre Widgets: Os widgets começam e terminam na borda da coluna, com espaço igual entre eles
  • Espaço ao redor: Os widgets são igualmente espaçados e as bordas têm metade do tamanho do espaço entre os widgets.
  • Espaço uniforme:- Widgets têm espaço igual entre, antes e depois deles.

Infinitas possibilidades para você criar um layout exclusivo para o seu site. Sem nenhuma linha de código.

Editor de Conteúdo que você sempre desejou

O editor robusto da Elementor capacita os profissionais a editar e estilizar visualmente os sites WordPress, eliminando toda a adivinhação envolvida na escrita de código.

Elementor Editor

Com seu editor de arrastar e soltar flexível, você pode alcançar infinitas possibilidades de design.

Escolha entre milhares de opções de fonte ou faça o upload de suas próprias fontes personalizadas.

Combine as cores certas para criar impressões duradouras em seus visitantes

Modo Responsivo do Elementor

O Elementor Page Builder possui ainda um modo de Design responsivo onde você pode fazer todo o trabalho para Desktop e Mobile em “visões”diferentes, ou seja, você desenvolve o seu website para Desktop e pode ir ajustando os pontos que quiser exclusivamente para mobile.

Elementor Mobile Reponsivo

Além disso, o Modo Responsivo do Elementor ainda permite:

  • Mostrar / ocultar colunas por dispositivo;
  • Suporte responsivo para animação de entrada;
  • Escolher o tamanho das fontes exclusivo para Mobile ou Desktop;
  • Ajustar o tamanho das colunas;
  • Alinhas Widgets e Texto de acordo com o modo;
  • e muito mais.

O Elementor é um plugin que mudou o modo como construímos websites no WordPress.

Acompanhe aqui no site notícias e novidades sobre Elementor.

Um abraço!

Deixe uma resposta