Você tem problemas para começar com o Plugin Elementor ? Aqui está o guia completo sobre como usar o Elementor

Hoje vamos mostrar como usar o Elementor para criar as páginas e os blocos do seu site.

Os criadores de páginas se tornaram parte integrante do desenvolvimento da web para aqueles com pouca ou nenhuma experiência em design da web.

Um dos construtores de páginas mais populares é o Elementor, que está disponível gratuitamente e com mais recursos no modo premium.

Como usar o Elementor

Neste artigo, explicaremos por que achamos que o Elementor é o criador de páginas perfeito para começar:

Conhecendo o Elementor

O encontro inicial do usuário com o seu site deixa uma impressão duradoura. Quer você tenha optado por um estilo retrô ou minimalista ou reunido seus recursos para criar uma visão de como as páginas da web serão no futuro, de qualquer forma um criador de páginas WordPress como o Elementor é o que, o que permite que você personalize seu site sem qualquer codificação .

É essencial que você primeiro instale um tema WordPress compatível com o Elementor.

Leia também: Você pode usar o Elementor sem um tema? (Não - Aqui está o porquê)

Antigamente, você projetava seu site usando as opções de design disponíveis oferecidas por seu tema. Mas alguns temas não tinham certos recursos de personalização, outros eram desajeitados e extremamente difíceis de personalizar para cada página.

O construtor de páginas Elementor permite que você faça alterações em seu site em tempo real, sem ter que alternar entre front-end e back-end para verificar como suas novas alterações foram implementadas.

Você pode instalar o Elementor visitando seu próprio site e depois fazendo upload do arquivo zip para o seu WordPress ou navegando no repositório de WordPress plugins e procurando por “Elementor” e clicando em Installer.

Certifique-se de ativar o plugin e você estará pronto para explorar todas as opções que o Elementor tem a oferecer.

Leia também: Como instalar o Elementor

Os recursos que o Elementor tem a oferecer

Felizmente, o Elementor é um editor de front-end, o que significa que você pode ver as mudanças entrarem em vigor no momento e fazer ajustes.

Outro benefício indireto é que, devido à sua popularidade, não faltam recursos disponíveis no site YouTube ou WordPress para você começar. Este artigo é um caso ilustrativo desses sites.

Personalização no Elementor tem tudo a ver com widgets e quando você se acostumar a arrastar e soltar seus widgets na página, você descobrirá por que é muito melhor do que lidar com o construtor de página padrão do tema WordPress.

Insira um widget de botão do Paypal

Cada página no WordPress é composta de seções e esta é a base para a construção de páginas com o Elementor.

Há um menu de hambúrguer no lado esquerdo da tela que permite fazer alterações em todo o site enquanto as alterações são refletidas no lado direito.

O recurso de arrastar e soltar permite uma experiência de construção de página da web mais rápida, que lembra uma ferramenta de design.

A única razão pela qual você precisará de um tema é porque seu site não pode funcionar sem um tema, e o Elementor não teria nada para mudar sem um.

Ler Você pode usar o Elementor sem um tema? (Não - Aqui está o porquê)

Além disso, você ainda precisa do tema para alterar seu cabeçalho e rodapé se planeja ficar com a versão gratuita do Elementor.

Elementor Free vs. Elementor Pro

A principal diferença entre eles está no número de widgets oferecidos na versão Pro.

Portanto, certifique-se de verificar se você precisa disso em seu design.

E também a capacidade de alterar seu rodapé e cabeçalho no Elementor é útil, embora se o seu tema já vier com um criador de cabeçalho e rodapé dedicado, ele pode não ser tão útil.

Em termos de widgets, aqui estão os widgets básicos disponíveis na versão gratuita:

  • Seção interna
  • Imagem
  • Editor de texto
  • Vídeo
  • Bouton
  • separador
  • ícone
  • divisor
  • Google Maps

Aqui estão alguns dos widgets disponíveis na versão Pro:

  • Portfólio
  • Pedido de Informação
  • Flip box
  • Lista de preços
  • Bloco de Cotação
  • Call to action

Todas as informações úteis para tomar uma decisão final informada sobre se deve ou não atualizar para o Elementor Pro foram fornecidas abaixo.

Mas, em geral, recomendamos que você experimente a versão gratuita até ter certeza de que o Elementor é o melhor construtor de páginas WordPress para você.

Elementor grátis Elementor Pro
Preço livre $ 49 a $ 99,199 / ano
Número de widgets 25+ 50+
Construtor de página disponível disponível
Construtor de tema não disponível disponível
Suporte não disponível disponível
Conteúdo dinâmico não disponível disponível
Modelos e blocos profissionais não disponível disponível
Integração de comércio eletrônico não disponível disponível

Em última análise, a garantia de ter a equipe de suporte Elementor fornecendo suporte na versão Pro é o que nos faz acreditar firmemente na versão Pro.

Ele também vem com alguns recursos de nicho que você encontrará em outros plug-ins, mas por que não fazer tudo de uma vez.

Por exemplo, o construtor de pop-up, opções dinâmicas, condições para as quais o cabeçalho ou pop-ups são visíveis, CSS personalizado, códigos de acesso e widgets de modelo, fontes personalizadas e gerenciador de funções.

Ser capaz de atribuir e restringir funções a usuários no WordPress permite que eles continuem seu trabalho sem comprometer seu design. O cliente só tem acesso à modificação do conteúdo da página e não pode adicionar ou remover elementos arrastando e soltando; desta forma, o seu design estará sempre protegido.

O ambiente de edição

Ao projetar sua primeira página usando o Elementor, você pode ficar sobrecarregado no início com o número de widgets e não ter esboçado um design para colocar em uma tela em branco; é aqui que os modelos de página Elementor entram para aqueles que se sentem menos inspirados no momento.

Basta selecionar um modelo predefinido da enorme lista e inseri-lo em sua página e personalizá-lo de acordo com suas necessidades. O lado direito é o seu playground de design, onde você pode adicionar elementos que formam o layout da sua página.

O lado esquerdo é um painel criativo preenchido com widgets de arrastar e soltar na página.

Você pode adicionar seções e arrastar widgets para se adequar ao seu design ou optar por modelos pré-concebidos.

Leia também: Como adicionar efeito de foco no Elementor via CSS personalizado

No painel inferior, você encontrará o ícone de seta circular que o leva de volta ao seu histórico e está dividido em ações e avaliações; nas ações, você pode encontrar suas etapas e reverter para uma edição anterior e, em revisão, você pode encontrar todas as suas versões salvas.

como usar o Elementor

Outro benefício de usar o Elementor é o acesso rápido a diferentes modos de exibição para que você possa verificar instantaneamente a aparência do seu design atual em diferentes telas, como tablet e celular.

Se você gosta de projetar uma página inicial, o Elementor's Blocks o ajudará a construir sua própria página do zero.

Leia também: Como adicionar efeito de foco no Elementor via CSS personalizado

Opções de guia Style (cor, tipo de fonte, tamanho) permitem que você personalize o conteúdo dos blocos de acordo com suas necessidades.

Também existe a opção extremamente útil de copiar o estilo de uma seção existente e colar a partir daí para editar todos os blocos da mesma maneira.

como usar o Elementor

Sites simples com páginas estáticas, como para o portfólio, são em sua maioria estáticos, mas a maioria dos sites tem várias páginas (blog, loja online, resultados de pesquisa).

Essas páginas dinâmicas podem ser editadas com Elementor Pro ou opções de tema, por exemplo, projetando seu próprio cabeçalho e rodapé.

Veja também: Como ativar o modo Coming Soon no Elementor

A versão Pro também vem com mais blocos, modelos e widgets.

No backend, você também pode acessar o menu Ferramentas, que fornece opções como Substituir URL, modo de manutenção e controle de versão para reverter para uma versão anterior se seu site teve um problema com o Elementor mais recente.

Resumindo, as duas versões permitem que você crie uma página, use ferramentas de edição e insira modelos predefinidos.

Preço Elementor Pro

A julgar pela tabela acima, se você está convencido de que Elementor Pro é a escolha certa para você, a equipe Elementor tem 5 planos diferentes para você começar, dependendo de quantas licenças você precisa.

No final

Em geral, combinar o Elementor (gratuito ou Pro) com um poderoso tema WordPress que cubra seus pontos cegos é o caminho certo na maioria dos casos.

Outros plug-ins premium adicionais do WordPress 

Descubra também outros WordPress plugins premium que otimizam o desempenho do seu blog ou site WordPress.

1. Foodify

Alimentar é a maneira mais rápida e fácil para os clientes pedirem comida em uma loja. É inteiramente responsivo e inclui recursos adicionais como imagem, opção de busca, informações do produto. Menu de comida do restaurante Foodlify para comércio de woocommerce

Também adiciona botões à cesta para melhorar a experiência do usuário. Esta extensão WooCommerce é uma solução de pedidos rápida e abrangente que pode ser adicionada a qualquer site WooCommerce.

Aqui para você 5 WordPress plugins para otimizar descrições de categorias e rótulos

Tem a vantagem de ser muito flexível e compatível com muitos plug-ins existentes no diretório do WordPress.

Descarregar | Demo | hospedagem na web

2. Pan Zoom Image

Este plugin permite que você adicione facilmente um recurso de zoom panorâmico para imagens em seu blog WordPress por meio de um código de acesso. Você pode, por exemplo, integrá-lo em seu artigo ou página.

Plugin de wordpress de zoom de imagem para zoom

Como funcionalidades terá entre outras: o zoom panorâmico numa única imagem ou uma galeria com imagens ilimitadas, a posição da barra de controle pode ser superior, direito, inferior e esquerdo, o fundo do container pode ser escuro, claro e nada disso; a visualização ao vivo no painel, o exemplo de zoom panorâmico múltiplo na mesma página, etc.

Descubra também o nosso 5 shortcodes premium WordPress plugins

Descarregar | Demo | hospedagem na web

3. Slider Pro

A solução Slider Pro oferece uma plataforma tudo-em-um para ajudá-lo a criar e editar slides ou sliders que atrairão não apenas os blogueiros, mas também aqueles que não publicam apenas artigos.

Plugin slider do slider pro responsivo do wordpress

Ce WordPress Plugin premium evita frescuras desnecessárias, que muitas vezes são um obstáculo para os usuários que procuram as informações de que precisam. Além disso, concentra-se em simplicidade e desempenho, oferecendo uma ampla variedade de possibilidades de personalização.

Descubra também Como criar uma apresentação de slides com Slider Revolution no WordPress

Seu gerenciamento de URLs na barra de pesquisa do navegador está um dos recursos que mais se destacaram neste último. Como o nome sugere, esta é a solução profissional de que você precisa.

Leia também o nosso Plugins do WordPress 5 para criar perguntas frequentes em um blog

Suas características são: carregamento de imagem otimizado, fácil personalização, animações suaves, vários layouts e muito mais.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Aqui ! É isso para o nosso artigo que mostra como usar o Elementor no WordPress. Se você tem comentários ou sugestões, não hesite em nos informar na seção reservada.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia em Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais

...