Guia passo a passo para converter seu site Divi para Elementor

Publicados: 2022-04-28

Divi é um dos temas mais populares do WordPress e um construtor de páginas visual que permite criar sites em tempo real. Por outro lado, o Elementor é reconhecido como o melhor plugin construtor de páginas do WordPress que vem com o recurso de arrastar e soltar para criar e personalizar sites em minutos.

Ambos os construtores de páginas são bastante poderosos. Juntamente com muitas semelhanças, como widgets, elementos e recursos de personalização, existem muitas diferenças entre esses dois construtores de páginas.

As pessoas usam principalmente o construtor Divi quando estão usando temas elegantes, enquanto o Elementor é compatível com quase todos os temas. Esta é uma das maiores razões pelas quais muitos usuários estão mudando do Divi para o Elementor. O preço também desempenha um papel vital neste processo de seleção.

Se você também está migrando do Divi para o Elementor, este blog é para você. Hoje, compartilharemos um guia passo a passo sobre como converter um site de Divi para Elementor.

Pré-requisitos para converter um site de Divi para Elementor

How to Convert Divi to Elementor

Antes de mergulhar no tutorial, vamos verificar os pré-requisitos.

Primeiro : Antes de converter seu site Divi, certifique-se de fazer backup do seu site. Você pode usar qualquer plugin de backup do WordPress para fazer o processo.

Segundo : Se você usa qualquer plugin de cache do WordPress, precisa desativá-lo.

Terceiro : É recomendável fazer um site de teste antes de converter. Você pode simplesmente criar um site de teste usando um plug-in duplicador de sites.

Vamos começar:

Como converter Divi para Elementor: 5 etapas a seguir

Para ser honesto, não é possível converter todo o site ou uma página da Web específica de Divi para Elementor. Porque o Divi usa códigos de acesso para criar conteúdo da Web enquanto o Elementor gera códigos HTML estáticos.

Portanto, se você planeja converter o design do seu site de Divi para Elementor, precisa reconstruí-lo. Aqui, mostraremos como reconstruir seu site Divi usando o construtor de páginas Elementor.

Etapa 1: instalar o Elementor
Etapa 2. Remova o Divi e os plug-ins relacionados
Etapa 3: criar uma nova página
Etapa 4: adicionar conteúdo à página usando widgets Elementor
Etapa 5: use modelos Elementor para projetar seu site

Siga estas etapas acima para redesenhar seu site com o Elementor.

Etapa 1: instalar o Elementor

Primeiro, você precisa ir para Plugins->Add New .

Go to Plugins->Add New area.

Ele irá redirecioná-lo para a página de plugins. Aqui, você deve encontrar o plug-in 'Elementor' no diretório de plug-ins pesquisando. Em seguida, clique em Instalar para instalar o plugin. Depois disso, você precisa ativar o plugin.

Find Elementor plugin

Observação: se você precisar de recursos do Elementor pro para projetar seu site, poderá instalar o Elementor Pro.

Depois de terminar a ativação do plugin, você deve ir para a área Elementor->Settings para gerenciar as configurações básicas do Elementor.

Elementor Settings

Etapa 2. Remova o Divi e os plug-ins relacionados

Após concluir o processo de instalação, seu próximo passo é desativar o Divi e seus plugins recomendados do seu site. Então você encontrará muitas páginas com os códigos de acesso restantes.

Divi Shortcodes
Fonte: Themerex

Você deve remover esses códigos de acesso. Para fazer isso, você pode usar o ShortCode Cleaner para remover esses códigos de acesso quebrados. Se necessário, você usa o Garbage Collector para limpar seu banco de dados.

Etapa 3: criar uma nova página

Agora estamos prontos para converter nosso site. Primeiro, precisamos criar uma nova página. Para fazer isso, visite o Pages->Add New .

Go to Pages->Add New Area

Criamos uma nova página (Demo Page). Além disso, definimos a configuração da página.

  1. Defina o Layout da Página->Tela do Elementor.
  2. Clique no botão Publicar para publicar a página.
  3. Clique no botão Editar com Elementor para abrir a página no painel do editor Elementor.
Page settings

Como usar o Elementor: Guia definitivo para iniciantes

Etapa 4: adicionar conteúdo à página usando widgets Elementor

Bom trabalho. Você criou sua página da Web com sucesso e está pronto para editá-la com o Elementor.

Elementor editor panel

E é hora de adicionar conteúdo à página. O Elementor vem com widgets de arrastar e soltar que você pode usar para projetar sua página da web.

Basic Elementor editor panel settings

Vamos adicionar um widget de título. Basta encontrar o widget Heading na galeria de widgets. Em seguida, arraste e solte o widget no local adequado para sua página da web.

Add heading widget

Você pode usar a opção Estilo para personalizar o título.

Customize heading design

Para mais personalização, você pode usar os recursos avançados do Elementor.

Elementor Advanced settings

Etapa 5: use modelos Elementor para projetar seu site

O Elementor também vem com alguns modelos de sites prontos para criar um site. Você pode escolher um adequado com base em seus propósitos de design. No entanto, você pode personalizar esses modelos à sua maneira.

Vamos ver como usar o modelo de site Elementor.

Primeiro, clique no ícone Modelo .

Click Template icon

No pop-up modal a seguir, você obterá todos os Elementor Blocks & Templates .

Elementor Template library

Você pode escolher o modelo ou os blocos certos aqui. Para usar este modelo, você precisa clicar no botão Instalar e aguardar um pouco pela instalação.

É isso.

Perguntas frequentes sobre Divi e Elementor

Aqui, respondemos algumas perguntas básicas sobre Elementor e Divi.

1. Qual é melhor Elementor vs Divi?

É uma pergunta comum que as pessoas sempre fazem. Elementor é um plugin construtor de páginas fácil de usar e mais usado. Enquanto o Divi é muito mais difícil, mas barato no preço do que o Elementor.

2. Divi e Elementor são iguais?

O Divi vem com um tema e uma versão de plug-in, enquanto o Elementor é um plug-in. Mas a Elementor recomenda o tema Hello.

3. O Elementor é mais rápido que o Divi?

Na verdade, depende do seu plano de hospedagem na web e do conteúdo do seu site. Mas, em geral, o Elementor é mais rápido que o Divi.

4. Posso usar o Elementor com o Divi?

Sim, você pode usar o Elementor com o Divi.

Você está pronto para converter seu site Divi

Um construtor de páginas como Elementor ou Divi muda a era do design do site. Agora você pode facilmente criar um site em tempo real.

Neste blog, mostramos como converter Divi para Elementor. Também respondemos algumas perguntas básicas sobre Elementor e Divi. Se você tiver alguma dúvida, você pode perguntar usando a caixa de comentários abaixo. Responderemos o quanto antes.

Se você achou este blog útil, compartilhe-o em suas redes sociais. Não se esqueça de participar de nossos boletins informativos para obter mais informações relacionadas ao WordPress e Elementor.

Assine a nossa newsletter

Receba as últimas notícias e atualizações no Elementor