Olá, Kangaroozinho, como vai? Se você começou a sua jornada na web a pouco tempo, e ainda não tem muita familiaridade com construção de sites, o Elementor é uma excelente opção para começar, já que ele possui uma interface amigável, e que tem um excelente diferencial, que é a construção de páginas e posts no formato “arrastar e soltar” os elementos.
Esse é um dos grandes diferenciais e que fazem esse ser um dos plugins mais baixados no WordPress, além claro, de ter uma gama de opções gigantesca já na opção gratuita. Por isso, neste artigo vamos mostrar como iniciar com o Elementor, entender a interface e como construir sua primeira página.
Como criar/editar uma página/post no Elementor
Para começar a criar uma página e/ou editar com o Elementor, você precisa já estar logado no painel administrativo do seu site WordPress. Feito isso, acesse a opção “Posts” ou “Páginas” no menu lateral esquerdo. Abaixo mostramos os passos seguintes:
- Nesse exemplo, vamos criar uma página. Note que, se você já tiver criado algum rascunho ou editar alguma página com o Elementor, a informação aparece ao lado do nome, e ao passar o mouse, você pode clicar diretamente em Editar com Elementor. Caso não tenha feito ainda, é só clicar em Adicionar página.
- Na tela de edição/criação, logo no topo, é só clicar em Editar com Elementor para seguir para o editor.
- Ao carregar o editor, essa é a primeira tela que você deve ver, abaixo explicamos alguns dos elementos destacados
O sinal de “+” na esquerda representa a seção para adicionar os elementos, sendo assim, exibem os elementos que você pode puxar para a parte de edição da página.
No centro do menu, você pode ver 3 dispositivos, o desktop, o tablet e o celular (respectivamente), você pode selecionar um deles, e dessa forma a sua edição será feita para o selecionado, é sempre recomendado garantir que os 3 estarão bem editados e prontos para uso, o que chamamos de responsividade.
Pode ser que o menu de estrutura venha ou não aberto, mas no canto direito, ao lado do símbolo do olho, você pode habilitar o menu ou ocultar. Ele serve para te mostrar os elementos da sua página de forma mais clara, em lista, para facilitar a localização. - O primeiro passo é deixar uma tela limpa, removendo o nome do site e título da página. Para isso, clique no ícone de Configurações da Página, role o menu para baixo e em Layout da página altere para Tela do Elementor
- Pronto, agora com a tela vazia, você já pode começar a puxar seus elementos. Note que a construção no Elementor é totalmente baseada em contêiners, que servem para separar o conteúdo do seu site.
Você pode puxar os containers individualmente, ou se preferir, usar o modelo pronto de contêiner, que geralmente pode vir apenas 1, ou vários dentro de um só para separar os elementos do seu site. - Abaixo um exemplo, onde criamos um contêiner principal, e dentro dele adicionamos mais 3, um servindo para o título, e os 2 abaixo para o conteúdo, o da esquerda com a imagem do WordPress, e ao lado um resumo sobre ele.
Após terminar a sua criação, você pode clicar para publicar e a página/post ficará disponível no seu site.
Note que, esse é apenas um exemplo extremamente simples, diante de todas as possibilidades que podem ser criadas com o Elementor. Lembrando, esse tutorial foi montado apenas com o Elementor free, que você pode baixar à qualquer momento na loja do WordPress. O intuito é apenas demonstrar como começar a utilizar o plugin.