Se você quer ter um site fácil de navegar, com um design intuitivo, e poder editar a aparência sempre que quiser, você precisa saber como utilizar o Elementor.
É um dos plugins mais utilizados para a criação de sites, e hoje possui mais de 5 milhões de instalações ativas.
Foi lançado em 2016 e cresceu muito desde então, sendo usado nos principais sites WordPress.
O que é o Elementor
Elementor é um construtor de páginas para WordPress que é usado na forma de plugin e permite que você crie desde páginas complexas até as páginas mais simples.
Todas as alterações são visíveis.
Podemos dizer que ele não é um construtor de páginas como os outros, pois ele faz parte de um círculo fechado que é o de extensões com muitas instalações ativas.
Existem 8 plugins hoje que são como ele: Yoast SEO, Jetpack, Akismet, Contact Form 7, WooCommerce, Classic Editor e Really Simple SSL.
Mesmo se você tiver conhecimento técnico para codificar o seu site, o Elementor torna o design do seu site mais intuitivo e fácil de mexer.
Se você usar o Elementor para criar seu site, você vai economizar tempo e conseguirá construir seu site com mais rapidez. Além disso, vai reduzir bastante a complexidade do seu site, eliminar bugs e criar um processo de manutenção mais fácil quando se trata de atualizações e testes.
Vantagens do Elementor
· É grátis, não sendo necessário atualizar para a versão paga para a maioria dos sites
· Recursos ricos e fáceis de usar
· Não requer conhecimento em HTML, CSS ou PHP e permite a criação de layouts personalizados
· Oferece uma interface de edição em tempo real
· Permite ajustar as versões para desktop, celular e tablet
· Possibilita usar parâmetros precisos para a gestão de alinhamentos e margens.
Para utilizar o Elementor no WordPress você deverá instalá-lo e ativá-lo para que o plugin elementos funcione. A instalação é feita como qualquer outro plugin.
Depois há um painel de controle que você pode usar sempre que for necessário, bastando ir diretamente para suas páginas do WordPress e criar uma nova.
A opção “editar com elementor” deve aparecer quando o plugin for instalado e assim, você conseguirá acessar a interface do usuário diretamente no front end do seu site.
Os principais elementos que aparecem são:
· O canva principal, onde aparecem os blocos de conteúdo para ajudar
· Elementos disponíveis de conteúdo
· Configurações de cores e fontes
· Editor de bloco
· Configurações gerais para as páginas que você estiver trabalhando
· Histórico das revisões da página
· Modo responsivo para otimizar seu site em dispositivos eletrônicos como tablets e celulares
· Visão geral das mudanças.
Criando um site na web com o Elementor
Antes de criar um site na web com o Elementor, é preciso entender a hierarquia da estrutura da página, lembrando que:
· Uma página pode ter qualquer número de seções
· Cada seção pode ter uma ou mais colunas
· Uma coluna para abrigar um ou mais itens
· Cada conteúdo pode ser estilizado individualmente
Você pode também adicionar novas colunas em uma nova seção e em seguida preencher essas colunas com conteúdo, arrastando e soltando blocos da barra lateral.
Depois de configurar um bloco de conteúdo, você pode clicar nele e ajustar os detalhes do seu conteúdo e apresentação. As três guias que estão disponíveis para isso são: Estilo, Layout e Avançado.
Assim, você pode trabalhar com blocos de conteúdo individuais até que a página esteja inteira pronta.
O Elementor é muito fácil de usar e bastante intuitivo, por isso, trabalhar com suas páginas se torna muito divertido.
Você pode entrar na hierarquia da página / estrutura e conhecer todos os elementos de conteúdo.
Selecionando um tema no Elementor
Há muitas possibilidades de design no Elementor, e para começar, você precisa ter um projeto em mente.
Com isso, você pode usar um dos modelos predefinidos, são mais de 150 modelos na versão gratuita e mais de 300 na versão Pro.
Se mesmo assim você não conseguir achar nada que te agrade, você pode usar o chamado Kits Elementor. São coleções de modelos que seguem o mesmo quadro e isso vai permitir que você crie um site completo.
Na biblioteca você pode encontrar todos os tipos de páginas, de acordo com o seu objetivo.
Você encontrará uma boa seleção de páginas de informações, páginas de contato, home pages, landing pages, portfólios, página de times, e muito mais.
Se você não quiser apenas importar um template elementor para a sua página, você pode modificá-lo até obter o resultado que mais condizer com a sua ideia.
Tipos de sites para criar com o Elementor
Seu site pode começar como se fosse uma folha em branco, e você pode fazer quase tudo, graças as ferramentas que estão disponíveis.
É só ter a ideia e colocar em prática.
Quando você chega à interface do Elementor pela primeira vez, sua tela estará dividida em duas seções:
À esquerda você terá uma coluna de configurações que vai oferecer várias possibilidades de personalizar a aparência da sua página adicionando Widgets, que são blocos de conteúdo prontos para uso (por exemplo: título, imagem, vídeo, botão, etc)
À direita, você terá uma prévia visual da sua página.
O Elementor adota uma hierarquia em termos dos elementos que estruturam a página:
· Você adiciona uma seção
· Agrega várias colunas (1 a 10) a ele
· Incorpora seus elementos em suas colunas para trabalhar neles.
Os elementos e as funcionalidades do plugin podem ser facilmente ocultadas ou reduzidas. Assim você conseguirá ver o resultado, sem a poluição da interface de trabalho.
Como em muitos construtores de páginas, no Elementor você consegue trabalhar com os comandos arrastar e soltar.
É só escolher o elemento de sua escolha, clicar nele e arrastá-lo para onde você quiser na página.
Na versão gratuita do Elementor há uma grande variedade de widgets:
· Widgets básicos: Título, editor de texto, imagem, botão;
· Widgets gerais: podem ser classificados da seguinte forma;
· Conteúdo: Galeria, Carrossel, Guias, Acordeões;
· Widgets de persuasão: Testemunho, Avaliação, Barra de progresso;
· Os widgets mais técnicos: Código curto, HTML personalizado;
· Widgets WordPress: aqueles que você já conhece e estão disponíveis na ferramenta de personalização.
Com isso concluímos que a versão gratuita já é suficiente para atender as mais variadas necessidades de qualquer tipo de site.
Já na versão Pro do plugin, temos widgets adicionais, que se tornaram essenciais para um bom número de construtores de sites.
Você pode inserir tabelas de valores para exibir os preços das suas ofertas, frases que chamam a atenção, contagens regressivas ou até mesmo formulários.
Inclusive, o widget “formulário” oferece recursos bastante extensos, incluindo o captcha, que protege o site contra robôs e spams.
Há 20 tipos diferentes de campos no widget de formulário, incluindo alguns avançados (senha, download de arquivo, etc).
Você também tem o controle sobre o design e a aparência visual: pode escolher as cores, espaçamento, tipografia, plano de fundo, etc.
Principais diferenças entre o Elementor Grátis e o Elementor PRO
O Elementor grátis vem com um conjunto de widgets ótimos, mas se é de uma agência ou é um profissional que desenvolve sites para seus clientes, precisará de mais, e aí é que entra a versão Pro.
A versão Pro do Elementor tem mais de 30 outros widgets avançados, incluindo temas que lhe darão muito mais opções de personalização e design.
A combinação deles dá a você a liberdade de projetar o seu site da maneira que você quiser.
Aqui na MigraCloud você tem o Elementor PRO Grátis nos planos de Hospedagem de Site WordPress, assim você conta com centenas de modelos prontos para criar o seu site de maneira simples e rápida.
Veja nossos planos de Hospedagem WordPress com Elementor PRO Grátis aqui