Divi vs Avada 2022

Divi e Avada são amplamente considerados como dois dos melhores temas WordPress do mercado.

Ambos os temas WordPress multifuncionais “All in One” apresentam um construtor de páginas de arrastar e soltar fácil de usar e vêm embalados com belos layouts de sites pré-fabricados. Isso permite que você crie qualquer tipo de site com o clique de um botão.

Elegant Themes lançou o Divi em 2013. Não foi o primeiro tema WordPress “All in One” no mercado, no entanto, foi o primeiro design all-in-one que deu tudo certo e encorajou outros desenvolvedores de temas a intensificar seu jogo.

Nos últimos anos, a Elegant Themes refinou e melhorou continuamente o Divi, colocando seu principal construtor de páginas, o Divi Builder, no centro do tema.

O Divi ainda é sem dúvida um dos melhores temas do WordPress, porém existem alternativas que os usuários do WordPress devem considerar, como o X Theme e o Genesis Framework.

Nesta revisão, gostaria de mostrar como o Divi se compara ao Avada.

Avada foi lançado em 2012 pela Theme Fusion, um ano antes do lançamento do Divi.

Com cerca de 600.000 vendas, é de longe o tema WordPress mais vendido no ThemeForest, superando o segundo colocado X Theme três para um.

Após alguns minutos de uso do Avada, fica claro por que o tema WordPress é tão popular. É uma solução versátil e seu construtor de páginas integrado, o Fusion Builder Live, é excelente.

Vamos dar uma olhada no que o Divi e o Avada podem fazer e ver como eles se comparam.

Seções do artigo :

• Facilidade de configuração
• Criação de página de back-end
• Criação de página de front-end
• Conteúdo e layouts
• Outros recursos e configurações
• Desempenho
• Suporte e documentação
• Custo
• Pensamentos finais

Facilidade de configuração

Os temas tudo em um WordPress são projetados para que qualquer pessoa possa usá-los, independentemente de sua experiência técnica.

No entanto, os iniciantes podem precisar de um pouco de ajuda extra, principalmente ao configurar as coisas pela primeira vez.

Divi – Facilidade de Configuração

Se você é novo no Divi, pode estar um pouco confuso sobre o que 'Divi' se refere porque os Temas Elegantes frequentemente usam a palavra para descrever o tema, o construtor de páginas e o pacote geral.

Para evitar confusão, o tema do WordPress às ​​vezes é chamado de Tema Divi para distingui-lo do construtor de páginas Divi Builder.

Para ativar o Divi Theme em seu site, você só precisa enviar os arquivos para a pasta de temas do WordPress e ativar o design na página de temas do WordPress.

O Divi Theme não o redireciona para outra página após a ativação, no entanto, agora você verá um menu de administração para Divi na parte inferior do menu de administração do WordPress.

O menu é vinculado às principais áreas de configuração: Opções de tema, Construtor de temas, Personalizador de temas, Editor de funções, Biblioteca Divi e Centro de suporte.

O Divi Builder é construído diretamente no Divi Theme, mas também está disponível como um plugin WordPress autônomo para aqueles que desejam usar o Divi Builder com outros temas do WordPress.

O menu de administração do Divi Builder autônomo é quase idêntico. Falta apenas um link para o WordPress Customizer e a página de opções do tema é substituída por uma página de opções de plugin com menos opções.

Se o plug-in Divi Builder WordPress estiver sendo usado em seu site e você ativar o Divi Theme, o plug-in Divi Builder WordPress será desativado automaticamente.

Para ativar as atualizações automáticas de temas para o Divi, vá para a página de atualizações na área Divi Options e insira seu nome de usuário do Elegant Themes e a chave de API.

Tudo em um temas WordPress como Divi e Avada tendem a usar mais recursos do que outros designs para garantir que certas funcionalidades funcionem corretamente.

Se sua configuração de hospedagem não estiver configurada corretamente, você pode achar o processo de importação de layouts pré-fabricados lento.

Portanto, é prudente verificar o Centro de Suporte Divi após a ativação para verificar o status de sua configuração.

Esta página também possui um modo de segurança e um log de erros.

Avada – Facilidade de Configuração

Avada adotou uma abordagem mais amigável para iniciantes em seu tema WordPress.

Depois de fazer o upload do Avada para a pasta de temas do WordPress e ativar o design, você será direcionado para a página de boas-vindas do Avada.

A página de boas-vindas exibe um vídeo de introdução sobre a versão mais recente do Avada e lembra você de registrar sua compra.

Você também é aconselhado a ativar dois plugins do WordPress: Fusion Core e Fusion Builder.

Todas as páginas que você vê no menu de navegação da página de boas-vindas podem ser encontradas no menu de administração do Avada.

Irritantemente, em vez de ser posicionado em torno do menu “Aparência”, o Avada coloca seu menu na parte superior do menu de administração, abaixo da página de administração do painel do WordPress. Isso empurra links importantes para os principais recursos do WordPress, como postagens, mídia e páginas, mais abaixo no menu de administração do WordPress.

Você pode usar o editor de menu de administração do plugin WordPress gratuito para organizar melhor o menu de administração do WordPress se isso o frustrar.

Para receber atualizações de temas e plugins e acessar a gama de demonstração de temas do Avada, você precisa registrar sua compra por meio de uma chave de token.

O Fusion Core e o Fusion Builder precisam ser ativados para que o Avada funcione corretamente. Você pode fazer isso através da página de plugins do WordPress.

O plug-in Fusion White Label Branding da Avada também pode ser encontrado aqui, juntamente com quatro plug-ins premium e uma seleção de plug-ins gratuitos recomendados.

Assim que o Fusion Builder for ativado, você verá o menu de administração do Fusion Builder abaixo do menu de administração do Avada.

O menu de administração do Fusion Slider é exibido abaixo e há menus para tipos de postagem personalizados de portfólio e FAQ.

Assim como o Divi, o Avada requer uma boa configuração de hospedagem para funcionar com eficiência.

A página de status do sistema pode ajudá-lo a detectar problemas com sua configuração de hospedagem. Ele mostra informações sobre a instalação do WordPress e o ambiente do servidor e permite gerar um relatório do sistema.

Embora o Avada jogue mais menus e informações aos usuários, sinto que os desenvolvedores fizeram um trabalho melhor ao facilitar os iniciantes do WordPress em seu tema, redirecionando os usuários para uma página de boas-vindas.

Conclusão - Facilidade de Configuração

Nem o Divi nem o Avada são difíceis de configurar, no entanto, o Avada ajuda mais os iniciantes redirecionando novos usuários para uma página de boas-vindas informativa.

O Divi tem menos configurações para alterar e coloca a maioria das opções de configuração em uma área, mas nenhuma ajuda é fornecida aos iniciantes após o Divi ser ativado.

Vencedor: Avada

Criação de página de back-end

No coração do Divi e do Avada, você encontrará dois dos melhores construtores de páginas de arrastar e soltar do mercado: Divi Builder e Fusion Builder.

Ambas as soluções simplificam a tarefa de criar belos designs de sites e oferecem editores de back-end e front-end.

Divi – Criação de página de back-end

Depois que o Divi Builder for ativado, você verá um botão para “Usar o Divi Builder” na parte superior do editor do WordPress. Isso se refere ao editor Visual Builder front-end do Divi Builder.

Você verá uma opção para editar seu layout usando o Divi Builder.

Se você estiver logado, também poderá iniciar o Divi Builder Visual Builder no frontend do seu site na barra de administração do WordPress.

Por padrão, o Divi está habilitado para todas as postagens, páginas e tipos de postagem personalizados. Se, por algum motivo, o Divi Builder não estiver sendo exibido, verifique a área de opções do Divi para garantir que o Divi esteja ativado para esse tipo de postagem.

Uma das adições mais interessantes ao Divi é o Divi Layout Block. Este bloco permite inserir layouts Divi diretamente no editor de blocos do WordPress.

É um ótimo recurso se você quiser usar o Divi, mas com o editor de blocos do WordPress como a principal maneira de criar layouts.

No passado, o Divi Builder era um editor de criação de páginas de back-end. Este editor, agora chamado Legacy Builder, ainda está disponível no Divi Builder.

Se o Divi Theme estiver ativado, você poderá ativar o Legacy Builder indo para a seção do construtor na área de opções do tema e clicando na guia avançada.

Você pode então desabilitar a opção de experiência do construtor mais recente e habilitar o editor clássico.

Se você estiver usando o plug-in Divi Builder WordPress autônomo, essas opções podem ser encontradas na guia avançada da página de opções do plug-in.

O Legacy Builder tem uma aparência semelhante ao modo de exibição de estrutura de arame que está disponível no Visual Builder.

Como editor de back-end, você não pode ver as alterações feitas no layout em tempo real. No entanto, isso ajuda você a criar a estrutura da sua página mais rapidamente, pois há menos distrações.

A parte superior do editor exibe as configurações gerais e as configurações de importação e exportação. Abaixo estão as opções para salvar na biblioteca, carregar um layout e limpar o layout. Há também botões para desfazer alterações, refazer alterações e visualizar seu histórico de edição.

Acredito que o Elegant Themes fez a coisa certa ao tornar o Visual Builder o editor padrão do Divi Builder, porém o editor de backend ainda é capaz de criar belos layouts e é fácil ver porque alguns proprietários de sites ainda preferem essa interface.

Avada – Construção de página de back-end

Vamos voltar nossa atenção para o Fusion Builder.

O Fusion Builder Live é a principal maneira de criar e editar layouts no Avada, mas primeiro gostaria de mostrar como o editor de backend funciona e como o Fusion Builder funciona com o editor de blocos do WordPress.

Depois que o plug-in for ativado, você verá botões para Fusion Builder e Fusion Builder Live no editor do WordPress.

Os desenvolvedores do Fusion Builder estão planejando melhorar a integração com o editor de blocos do WordPress, no entanto, no momento, ativar o Fusion Builder tornará o editor clássico a experiência de edição padrão.

Na página de configurações do Fusion Builder, você pode carregar automaticamente o editor do Fusion Builder de back-end ativando a 'Ativação automática do Fusion Builder'.

Ao criar uma nova postagem ou página no Fusion Builder, você será perguntado se deseja adicionar um contêiner ou uma página pré-criada.

Na parte superior do Fusion Builder, você pode alternar entre o construtor e a biblioteca do Fusion Builder. A biblioteca contém demonstrações completas de temas de sites e modelos, contêineres, colunas e elementos (módulos) salvos.

Essa área também permite modificar CSS, salvar seu layout, excluir seu layout e visualizar seu histórico de edição.

Do ponto de vista da funcionalidade, o editor do Fusion Builder de back-end tem muito em comum com o Legacy Builder no Divi, no entanto, seu esquema de cores cinza maçante faz com que a interface pareça um pouco datada.

O Fusion Builder Live pode ser iniciado no frontend do seu site a partir da barra de ferramentas do WordPress. Você também pode voltar ao seu editor de back-end preferido selecionando 'Editar página'.

Embora não haja integração direta com o editor de blocos do WordPress, ao adicionar ou editar conteúdo, você pode selecionar se deseja usar o Fusion Builder, o Fusion Builder Live ou o editor de blocos do WordPress (Gutenberg).

Simplesmente não há como alternar diretamente para o editor de blocos quando você estiver usando o editor clássico ou o editor do Fusion Builder.

Independentemente de você usar o editor clássico do WordPress, o editor de blocos do WordPress ou o Fusion Builder, se estiver criando conteúdo no back-end do WordPress, você verá a caixa Fusion Page Options.

Essas configurações permitem que você personalize cada postagem, página ou tipo de postagem personalizada em seu site. Qualquer coisa que você definir aqui substituirá as configurações na página principal de opções do tema Avada.

Dezenas de configurações estão disponíveis aqui para seu cabeçalho, layout, área de conteúdo e muito mais.

Assim como o Divi Builder, o Fusion Builder é ativado por padrão para todas as postagens, páginas e tipos de postagem personalizados. Você pode verificar quais tipos de postagem estão ativados na página de configurações do Fusion Builder.

Como você pode ver, do ponto de vista da funcionalidade, o Fusion Builder oferece tantas opções de design quanto o Divi Builder no back-end do seu site.

Conclusão - Criação de página de back-end

Mesmo que você edite a maior parte do seu conteúdo e layouts no front-end do seu site, recomendo que você se familiarize com o funcionamento de cada editor de back-end, pois ele permitirá que você faça alterações rápidas nos layouts salvos.

Você também precisa entender como iniciar o Divi Visual Builder e o Fusion Builder Live a partir do back-end do seu site.

Sem dúvida, o Divi Builder foi implementado melhor na área de administração do WordPress. Ele tem um ótimo suporte para o editor de blocos do WordPress e o back-end Legacy Builder é mais colorido.

Em contraste, o Avada continua a desabilitar o editor de blocos do WordPress e torna o editor clássico desatualizado o editor padrão.

Vencedor: Divi

Criação de página de front-end

Você não comprou Divi ou Avada para criar layouts no backend do seu site, não é?

Se você deseja a experiência completa desses temas avançados do WordPress, deve usar o editor de front-end integrado.

Divi – Construção de página de front-end

Para distingui-lo do editor de back-end do Legacy Builder, o editor de front-end do Divi Builder é chamado de Visual Builder, mas a maioria das pessoas simplesmente o chama de Divi Builder, pois é a experiência de edição padrão.

Se você estiver editando uma página que já possui conteúdo, o Divi Builder será iniciado totalmente, permitindo que você modifique o layout.

Se a página estiver em branco, o Divi Builder apresentará três opções para você. Você pode optar por criar um layout do zero, selecionar um layout pré-criado ou clonar uma página existente.

Eu recomendo que os iniciantes selecionem um layout pré-fabricado, pois permite ver o que o Divi Builder pode fazer e aprender como a interface funciona.

O menu Divi Builder é exibido na parte inferior da página e é dividido em três seções.

Ao passar o mouse sobre qualquer parte do layout, você verá um contorno do elemento junto com botões para fazer alterações nas configurações, estilo, posição e muito mais.

Um layout é construído usando muitas seções. As seções podem conter muitas linhas, as linhas podem conter muitas colunas e as colunas podem conter muitos módulos.

Ao passar o mouse sobre qualquer um desses itens em sua página, você verá uma caixa com opções para movê-lo, modificar suas configurações, duplicá-lo, salvá-lo na biblioteca, excluir e muito mais.

O processo de alterar qualquer aspecto do seu design, seja uma seção, linha, coluna ou módulo, é o mesmo.

O menu Divi Builder é uma grande parte da experiência de criação de páginas.

Se você pressionar o grande X no meio do menu Divi Builder, o menu desaparecerá. Apenas um botão com três pontos permanece para que você possa carregar o menu novamente.

No lado esquerdo do menu, há botões para aumentar e diminuir o zoom do seu design e visualizá-lo no modo desktop, tablet e smartphone. O Divi Builder é uma solução responsiva que foi desenvolvida para todos os dispositivos, porém ainda é útil ver como os visitantes mobile irão visualizar seus layouts.

O menu de configurações do Divi Builder também está disponível aqui.

Nessa caixa de configurações, você pode ativar o modo de foco, o modo de clique e o modo de grade. Esses modos alteram a forma como você interage com o Visual Builder.

Muitas outras configurações podem ser habilitadas e desabilitadas aqui, como o modo de visualização padrão, fluxo de criação de página e animações da interface do construtor.

À esquerda, você também encontrará “Wireframe View”.

Este é um dos meus recursos favoritos do Divi Builder, pois permite remover todos os elementos visuais do seu layout e ver a estrutura da sua página.

Isso torna a tarefa de mover módulos e linhas muito mais simples, pois tudo é menos lotado.

No centro do menu do Divi Builder, há botões para carregar da biblioteca, salvar na biblioteca e limpar o layout (falarei mais sobre layouts posteriormente).

À direita há uma opção para carregar a caixa de configurações da página. Essa caixa pode ser movida pela página ou ajustada ao tamanho da página.

Existem opções para editar o título da página, a imagem em destaque e as cores de fundo. Um recurso de teste de divisão também está aqui.

Dezenas de opções de estilo estão disponíveis nas guias de design e avançado. Os botões desfazer e refazer também estão integrados a esta área para que você possa reverter quaisquer alterações feitas.

Você pode visualizar todas as edições feitas na caixa de histórico de edição e reverter para qualquer estado anterior.

A última opção no menu do meio é a portabilidade.

A caixa de portabilidade permite exportar e importar seus layouts usando o formato de arquivo JSON.

Isso é útil para fazer backups de layout e para transferir layouts do Divi Builder para outros sites.

Os layouts podem ser salvos a qualquer momento usando o botão salvar no lado direito do menu Divi.

A área também possui botões para pesquisa, camadas e ajuda.

A ferramenta de pesquisa pode ser usada para encontrar todos os recursos e funcionalidades do Divi Builder. Tutoriais úteis também estão listados aqui, mas você também encontrará tutoriais em vídeo e atalhos de teclado úteis por meio do botão de ajuda.

Camadas é uma nova ferramenta que ajuda você a ver todas as seções de layout. É uma maneira rápida de verificar como sua página está estruturada e permite que você modifique as configurações da seção.

Avada – Construção de página de front-end

O editor de front-end do Avada é chamado Fusion Builder Live.

Este construtor de páginas foi criado especificamente para o Avada e não está disponível para download separadamente, o que é decepcionante, pois é um dos melhores construtores de páginas do WordPress no mercado.

Em vez de integrar as opções de design do site no WordPress Customizer, o Theme Fusion construiu um personalizador de temas diretamente no Fusion Builder Live. Isso significa que você pode editar qualquer coisa através do editor, seja uma postagem ou página ou o design do cabeçalho, rodapé, barras laterais ou logotipo do seu site.

O menu principal do Fusion Builder Live está na parte superior de cada página, com as configurações exibidas em uma barra lateral no lado esquerdo da página. O primeiro botão no menu principal oculta esta barra lateral para permitir que você veja seu layout por completo.

Como o Divi Builder, você só precisa passar o mouse sobre uma parte da sua página para fazer uma personalização ou movê-la para outro lugar.

Quando a barra lateral é exibida, seu layout será reduzido na área de tela principal, mas como as opções são exibidas no lado esquerdo da página em vez de em uma caixa de configurações pop-up, parece menos lotado.

Se preferir, você pode exibir as configurações dos elementos em uma caixa de ícones móveis (no Divi, os elementos são chamados de módulos).

Você simplesmente tem que mudar o modo de edição do elemento de 'elemento' para 'diálogo' na caixa de preferências.

O segundo botão no menu superior carrega a biblioteca do Fusion Builder e ao lado dele há uma opção para visualizar todas as alterações que você fez em sua página.

O próximo botão carrega a caixa de preferências do Fusion Builder Live.

Há uma dúzia de configurações aqui que alteram o funcionamento do editor. É aqui que você pode mover as configurações dos elementos da barra lateral para a área da tela principal.

Você também pode mover a barra lateral principal para o lado direito da página nesta caixa e desabilitar o cabeçalho fixo e o cabeçalho transparente.

Se você clicar no botão + no menu, poderá criar novas postagens, páginas e outros tipos de postagem personalizados, enquanto o botão da lixeira permite limpar seu layout.

Várias opções úteis estão no lado direito do menu principal.

O primeiro botão é para suporte. Clicar nele revela links para um guia inicial e o centro de suporte Theme Fusion. Atalhos de teclado úteis também são exibidos aqui.

O próximo botão é para responsividade. Isso mostrará seu layout no modo desktop e nos modos paisagem e retrato para tablets e smartphones.

O Fusion Builder Live também possui um modo de visualização de estrutura de arame que exibe seu layout usando o editor de back-end.

Na minha opinião, o modo de visualização de wireframe no Divi Builder é melhor, pois é mais colorido e fácil de usar.

Os últimos botões permitem que você visualize, publique e salve seu layout.

À primeira vista, parece que o botão de visualização simplesmente oculta a barra lateral de opções, mas esse recurso também desabilita a edição para que os botões de contornos e configurações não apareçam.

A maneira como o Theme Fusion integrou as principais configurações no editor Fusion Builder Live é fantástica.

A barra lateral de configurações lista centenas de configurações de layout de tema. Funciona da mesma maneira que o WordPress Customizer.

Essas mesmas opções também podem ser encontradas na página principal de opções do tema Avada, mas alterando as coisas no editor ao vivo, você pode ver as alterações feitas em tempo real.

Lembre-se da caixa Fusion Page Options que foi exibida abaixo de postagens e páginas na área de administração do WordPress?

Essas mesmas opções podem ser encontradas na barra lateral de configurações do Fusion Builder Live. Eles podem ser usados ​​para fazer alterações específicas em sua página e seu layout.

Em suma, o Fusion Builder Live é uma solução fantástica e sua interface é fácil de aprender. É uma pena que não seja vendido separadamente.

Conclusão - Construção de página de front-end

O Divi Builder e o Fusion Builder Live proporcionam uma experiência de edição fantástica e permitem que você crie facilmente layouts bonitos.

Quando se trata de criar layouts de página e páginas de estilo, o Divi Builder é a solução mais refinada.

Oferece significativamente mais opções de estilo para módulos, colunas, linhas e seções. Outros recursos, como o modo de visualização de wireframe, também foram melhor implementados.

Certifique-se de verificar nossa análise completa do Divi Builder para uma visão mais abrangente do que ele pode fazer.

Vencedor: Divi

Conteúdo e layouts

O Divi e o Avada vêm embalados com belos designs e layouts de sites pré-fabricados que podem ser importados para o seu site com o clique de um botão.

Eles também permitem que você personalize o cabeçalho, o rodapé, as barras laterais do seu site e muito mais.

Divi – Conteúdo e Layouts

Mais de 1.100 layouts estão disponíveis no Divi Builder e muitos deles são agrupados para formar um pacote de layout de site.

Temas elegantes estão adicionando novos layouts ao Divi toda semana e há um número crescente de sites e mercados de terceiros que oferecem layouts Divi pré-fabricados.

Conforme observado anteriormente, quando você inicia o Divi em uma página em branco, há uma opção para selecionar um layout pré-fabricado.

Você também pode carregar a Biblioteca Divi no menu principal do Divi Builder.

A Biblioteca Divi contém todos os layouts pré-criados e personalizados que você salvou. As páginas que você criou usando o Divi Builder também podem ser acessadas aqui.

Os layouts são atribuídos a uma de uma dúzia de categorias, mas você também pode encontrar layouts adequados por meio da caixa de pesquisa.

Mais de 150 pacotes de layout de site estão disponíveis no Divi.

Esses pacotes contêm layouts para muitas áreas diferentes do seu site, como página inicial, índice do blog, loja online, página sobre e muito mais.

Certifique-se de visualizar os layouts na íntegra para ver exatamente como eles se parecem.

Se “Substituir conteúdo” for selecionado, o novo layout substituirá todo o seu layout. Se não estiver selecionado, o novo layout será anexado à parte inferior do conteúdo existente.

Mais de 40 módulos de conteúdo estão disponíveis no Divi. Existem módulos para imagens, vídeos, mapas, tabelas de preços, divisores, call to actions e muito mais.

O Divi também possui módulos de conteúdo exclusivos para WooCommerce para ajudá-lo a listar produtos de sua loja.

Quando você adiciona um módulo à sua página, sua caixa de configuração será exibida. Existem dezenas de configurações de funcionalidade e estilo a serem ajustadas aqui.

Quaisquer modificações feitas em um módulo podem ser salvas na Biblioteca Divi para uso posterior.

No menu principal do Divi Builder, você pode salvar seus layouts na biblioteca, limpar seu layout e exportar seu layout no formato JSON por meio da caixa de portabilidade.

A Biblioteca Divi é um recurso importante do Divi Builder e que eu recomendo aproveitar.

A Biblioteca Divi armazena todos os módulos, colunas, linhas, contêineres e layouts salvos que você salvou. Você pode acessar seus layouts salvos no Divi Builder ou na página Divi Library que está listada no menu principal de administração do Divi.

Ao selecionar a edição de um layout, você verá seu layout no modo de visualização de estrutura de arame.

Se preferir, você pode visualizar o layout no modo desktop, tablet ou celular. Você também pode iniciar o layout com o Divi Visual Builder a partir daqui.

O Divi Theme Builder funciona em conjunto com a Divi Library para lhe dar mais controle sobre o design do seu site.

Ele permite que você crie um layout do zero ou selecione um layout da sua biblioteca e o atribua como cabeçalho, corpo ou rodapé. Você pode então especificar exatamente onde esses layouts são exibidos e onde eles não são.

Por exemplo, você pode atribuir um modelo para suas postagens de blog de notícias, um para tutoriais, outro para sua página inicial e algo diferente para sua página sobre.

Isso lhe dá controle total sobre como as diferentes áreas do seu site são estilizadas.

Quando o Divi foi lançado, o tema dava conta de tudo, mas hoje está estruturado de forma bem diferente.

O Divi Theme é na verdade um design minimalista do WordPress que funciona como uma tela para o Divi Builder e outros construtores de páginas do WordPress.

Recursos como o Divi Theme Builder ilustram que os Elegant Themes estão expandindo ainda mais a funcionalidade de design do Divi Builder, mas o Divi Theme continua a oferecer suporte ao WordPress Customizer.

Centenas de configurações de personalização estão disponíveis para Divi no WordPress Customizer. Você pode ajustar muitas configurações de estilo diferentes, como espaçamento, fontes e cores, e ver o resultado em tempo real.

Esteja ciente, no entanto, de que o conteúdo de suas postagens e páginas ainda será controlado pelo Divi Builder.

Infelizmente, o Divi Theme não abraçou totalmente o WordPress Customizer.

Existem cerca de uma dúzia de configurações de design que só podem ser modificadas através da página de opções do tema Divi. Isso inclui configurações importantes, como o logotipo do seu site.

É intrigante por que o Elegant Themes dividiu as opções de personalização de temas entre duas áreas diferentes.

Avada – Conteúdo e layouts

62 demos temáticos estão disponíveis no Avada.

As demonstrações de temas incluem layouts para muitas áreas diferentes do seu site e são equivalentes aos pacotes de layout do Divi.

A página de opções do tema Avada lista todas as demonstrações do tema. As demonstrações podem ser filtradas por categoria ou usando a caixa de pesquisa.

Embora o Divi tenha mais de 150 pacotes completos de layout de site, o Avada provavelmente possui uma variedade melhor de designs.

Assim como o Divi, existem layouts para lojas, blogs e empresas, mas também existem demonstrações temáticas que foram criadas para tópicos de nicho, como SEO, criptomoeda, eSports e fóruns de discussão.

As visualizações completas do site também estão disponíveis para cada design.

Quando você clica para importar uma demonstração de tema, o Avada permite que você saiba quais plugins do WordPress precisam ser ativados para que funcionem corretamente.

Se você quiser que seu site corresponda ao que você vê na visualização, também será necessário importar o conteúdo de demonstração. O Avada permite selecionar qual conteúdo é importado e há uma opção para remover conteúdo importado anteriormente, como postagens e páginas.

O Avada exibe um aviso antes de importar que lembra que a importação substituirá seu tema atual do WordPress.

O Avada mudará o nome do seu site para o nome da demonstração do tema que você importou.

Embora isso o lembre do último design que você importou, é irritante ter que alterar o nome do seu site de volta toda vez que você importa um layout.

Demos também estão disponíveis no Fusion Builder por meio do botão da biblioteca.

A Biblioteca do Fusion Builder lista demonstrações de temas e todos os layouts que você salvou para modelos, contêineres, colunas e elementos.

Se você importar uma demonstração de tema dessa maneira, poderá importar apenas uma única página e não haverá opção para importar conteúdo de demonstração.

A esse respeito, acredito que o Elegant Themes fez um trabalho melhor integrando layouts pré-fabricados no Divi Builder. No Avada, você precisa sair do editor para importar totalmente o layout do site.

Elementos são os blocos de construção do conteúdo que você adiciona aos seus layouts.

O WordPress os chama de blocos no editor Gutenberg, e o Divi os chama de módulos, mas todos se referem à mesma coisa.

Cerca de 60 elementos estão disponíveis no Fusion Builder, que é 50% a mais do que o Divi Builder.

Há uma boa variedade de elementos oferecidos, como gráficos, caixas de conteúdo, carrosséis de imagens, tabelas de preços e depoimentos.

Quando você seleciona um elemento, suas configurações serão exibidas na barra lateral de configurações.

As opções de personalização de design estão disponíveis para cada elemento. No entanto, o Divi Builder oferece muito mais opções de estilo e personalização.

Ao clicar para adicionar um elemento, você também pode adicionar novas linhas. Há muitas configurações diferentes de colunas aninhadas para você inserir em seu layout.

Depois de inserir colunas, você pode preenchê-las com elementos de conteúdo.

Embora o Divi Builder ofereça mais opções de estilo e personalização para seus layouts, o Fusion Builder Live mais do que compensa isso com seu personalizador de temas integrado.

Com o clique de um botão, você pode alternar entre modificar o layout de uma postagem ou página para ajustar centenas de configurações diferentes em um nível de página ou em um nível de site.

A página de opções do Avada tem centenas de configurações. A maioria deles também pode ser encontrada no Fusion Builder Live, e você pode pular para a interface do Fusion Builder Live a qualquer momento usando o botão "Editar ao vivo".

A página principal de opções do Avada contém algumas configurações adicionais, por isso vale a pena percorrer cada seção aqui ao configurar seu site pela primeira vez.

Elementos de conteúdo individuais podem ser ativados e desativados na página de configurações do Fusion Builder.

Nessa página, você pode tornar o Fusion Builder o editor padrão e ativar e desativar o Fusion Builder para determinados tipos de postagem. Você também pode importar e exportar conteúdo do Fusion Builder usando o formato de arquivo XML.

Ao longo do Fusion Builder Live, você verá opções para salvar partes do seu layout na Biblioteca do Fusion Builder.

Você pode nomear seus layouts salvos e marcá-los como globais. Uma vez salvos, eles podem ser carregados no Fusion Builder a qualquer momento.

A página da Biblioteca do Fusion Builder está localizada no menu principal do Fusion Builder.

Todos os itens que você salvou podem ser acessados ​​e modificados aqui.

Por padrão, os itens salvos serão carregados usando o editor Fusion Builder de back-end, mas você também pode optar por fazer modificações usando o editor Fusion Builder Live de front-end.

O Avada também possui um construtor de temas que permite atribuir layouts a uma barra de título de página, área de conteúdo e rodapé. Esses layouts são seções rotuladas e podem ser editadas usando os editores do Fusion Builder de back-end ou front-end.

Ao contrário do Divi Builder, não há como especificar onde os layouts de página são exibidos.

Existem recursos que eu amo em ambos os editores, no entanto, a barra lateral de configurações do Fusion Builder Live realmente leva a edição ao vivo para o próximo nível. A capacidade de alterar o layout, as configurações da página e o design do site, tudo em uma única interface, economiza muito tempo.

Conclusão - Conteúdo e Layouts

O sistema de biblioteca do Divi Builder e sua extensa lista de opções de personalização do construtor de páginas o tornam o melhor construtor de páginas do WordPress.

A maneira como os layouts pré-fabricados são integrados ao Divi Builder também é melhor, no entanto, o Avada oferece a melhor experiência geral de design e edição.

Enquanto o Divi divide as principais configurações de design entre a página de opções do tema Divi e o WordPress Customizer, o Avada permite que você controle tudo de um local central usando o editor Fusion Builder Live. É um recurso incrível que faz com que o Fusion Builder Live se destaque da multidão.

Vencedor: Avada

Outros recursos e configurações

É impossível falar sobre todos os recursos do Divi e Avada porque são temas WordPress tão grandes, no entanto, nesta seção, gostaria de falar sobre alguns outros recursos úteis disponíveis no Divi e Avada que ainda não mencionei.

Divi – Outros recursos e configurações

Os temas elegantes migraram a maioria das funcionalidades para o Divi Builder, mas quando o Divi for ativado, você também verá um novo tipo de postagem personalizada “Projetos” no menu de administração do WordPress.

O Divi Builder já possui um módulo de conteúdo de portfólio, mas o tipo de postagem de projetos oferece mais flexibilidade com a forma como os itens são exibidos e categorizados.

O Divi também adiciona algumas opções adicionais às postagens e páginas para atribuir a posição da barra lateral e definir se o menu de navegação e a barra de título são exibidos.

Como observado anteriormente, a área de opções do tema principal tem muitas opções de design que não podem ser encontradas no WordPress Customizer.

A área de opções também possui várias configurações para seu menu de navegação, Divi Builder, postagens e páginas únicas, um banner de 468X60 e SEO. Existem opções para adicionar código personalizado às páginas também.

O Divi Role Editor está disponível no Divi Builder e no Divi Theme.

Usando o editor de funções, você pode especificar exatamente o que os usuários podem e não podem fazer no Divi Builder. Dezenas de recursos podem ser ativados e desativados para grupos de usuários com o clique de um botão.

Avada – Outros recursos e configurações

O número de maneiras de adicionar slides no Avada é ridículo.

O Inside Fusion Builder é um elemento Slide para integrar slides em seus layouts, mas o Avada também possui dois tipos de postagem personalizados Slider integrados ao tema.

Estes são o Elastic Slider e o Fusion Slider, sendo o Fusion Slider o tipo de postagem usado pelas demos do tema Avada.

Se isso não for suficiente para você, o Avada também vem embalado com Layer Slider e Slider Revolution.

Esses plugins avançados de controle deslizante do WordPress são as duas soluções de controle deslizante premium mais vendidas disponíveis para usuários do WordPress.

Os tipos de postagem de portfólio e perguntas frequentes também estão disponíveis no Avada.

Conjuntos de ícones personalizados também podem ser criados no Avada e existem 10 extensões de plug-in para o Avada no CodeCanyon que adicionam funcionalidades como associações, campos personalizados, avaliações, depoimentos e muito mais.

Esteja ciente de que, para obter suporte completo para qualquer um dos plug-ins premium incluídos no Avada, você precisará adquirir uma licença para o produto separadamente.

Conclusão – Outros recursos e configurações

Divi e Avada estão em constante estado de evolução, então você pode esperar que muitos outros recursos sejam adicionados nos próximos anos.

Enquanto o Divi oferece mais opções de estilo para a criação de páginas, o Avada oferece mais controle sobre seu site.

Vencedor: Avada

Desempenho

Um site de carregamento rápido melhorará sua classificação no mecanismo de pesquisa e manterá os visitantes em seu site por mais tempo, no entanto, testar a velocidade dos temas do WordPress com precisão pode ser difícil, pois há muitos fatores a serem considerados.

Além disso, se você quiser comparar a velocidade do Divi e do Avada com outros temas do WordPress, muitas suposições precisam ser feitas para fazer uma comparação justa.

Tanto o Divi quanto o Avada são capazes de construir sites WordPress de carregamento rápido, no entanto, se você criar layouts ricos em mídia usando seus editores frontend, suas páginas ficarão mais lentas. Isso é, claro, verdade para qualquer tema do WordPress.

Para ajudá-lo a melhorar o desempenho do seu site e reduzir a carga que os construtores de páginas podem adicionar, os desenvolvedores do Divi e do Avada adicionaram muitos recursos aos seus temas para ajudá-lo a gerar menos consultas de banco de dados e solicitações HTTP.

Divi - Desempenho

Na página de configurações gerais da área Divi Theme Options, há opções para habilitar imagens responsivas e reduzir e combinar arquivos CSS e Javascript.

Na página de configurações do Divi Builder, também há uma opção para habilitar a geração de arquivos CSS estático.

Avada – Desempenho

Avada tem uma dúzia de configurações de desempenho. Eles podem ser modificados na página de opções do tema principal ou no Fusion Builder Live.

O tema permite definir a qualidade das imagens JPG e otimizar imagens maiores em uma determinada largura.

O carregamento lento também está disponível e você pode carregar folhas de estilo do seu rodapé.

O Avada também fornece várias ferramentas para otimizar arquivos CSS e Javascript.

Conclusão - Desempenho

Divi e Avada são ambos capazes de alimentar um site WordPress de carregamento rápido, mas você ainda precisa seguir as técnicas recomendadas de otimização do WordPress.

Certifique-se de verificar a página de status do sistema em ambos os temas do WordPress para garantir que você atenda aos requisitos de executá-los com eficiência. Se os tempos de resposta do servidor forem lentos, convém considerar a atualização para uma solução de hospedagem mais rápida.

Os plugins de otimização de imagem do WordPress podem ser úteis se suas páginas contiverem muitas imagens.

Plugins de cache como WP Rocket e redes de entrega de conteúdo como KeyCDN podem reduzir ainda mais o tamanho das páginas.

Vencedor: Empate

Suporte e Documentação

Quando se trata de fornecer um ótimo suporte, Elegant Themes e Theme Fusion estão liderando o mundo do WordPress.

Divi – Suporte e Documentação

Dentro do Centro de Suporte Divi, há uma opção para dar acesso remoto ao seu site à equipe da Elegant Themes. Isso pode ajudar a equipe de suporte a solucionar quaisquer problemas que você tenha.

Abaixo, você verá um link direto para a área de suporte do Elegant Themes e vários tutoriais em vídeo para ajudá-lo a começar.

Os ícones de ajuda também estão disponíveis no Divi Builder para explicar para que serve cada recurso.

A área de documentação do Elegant Themes é incrível. Existem centenas de tutoriais escritos e tutoriais em vídeo para guiá-lo no uso do Divi e de outros produtos. O Blog de Temas Elegantes também publica tutoriais com frequência.

Você também pode se conectar com outros usuários do Divi por meio de um grupo do Facebook, fórum da comunidade e encontro local.

Se precisar de mais ajuda, você pode criar um ticket de suporte 24 horas por dia, 7 dias por semana e receber ajuda.

Ao contrário da maioria dos temas do WordPress, os Temas Elegantes concedem suporte a um número ilimitado de usuários. Isso é útil para empresas que têm muitos funcionários.

Avada – Suporte e Documentação

O Avada tem um suporte dedicado e uma página de perguntas frequentes que está listada nos menus de administração do Avada e do Fusion Builder.

Como o Avada é vendido através do ThemeForest, você terá que criar uma conta de suporte com o Theme Fusion para abrir tíquetes de suporte.

Para saber mais sobre o Avada, você deve consultar o guia para iniciantes, a área de documentação e os tutoriais em vídeo, listados na página de suporte do Avada.

Esta página também tem links para a página de suporte de tickets do Avada, fórum da comunidade e grupo do Facebook.

Várias perguntas frequentes também são abordadas nesta página.

Uma vez que você começa a explorar a área de documentação do Avada e do Fusion Builder, você começa a apreciar o quão extensa ela é.

Todos os aspectos do tema Avada e do Fusion Builder são abordados aqui.

Conclusão - Suporte e Documentação

A extensa documentação disponível para Divi e Avada significa que você raramente precisará pedir ajuda, mas ambos os temas do WordPress fornecem um tíquete de suporte 24 horas por dia, 7 dias por semana, caso você precise.

Vencedor: Empate

Custo

O custo é um fator que todos os proprietários de sites devem considerar juntamente com recursos e funcionalidades.

Divi ou Avada têm preços competitivos, mas qual solução oferece mais valor?

Custo – Divi

Uma associação Elegant Themes oferece acesso ao Divi Theme e ao plugin Divi Builder WordPress independente.

Ele também inclui o tema da revista WordPress Extra, o plug-in de e-mail e geração de leads do WordPress Bloom e o plug-in de mídia social WordPress Monarch.

A política de preços da Elegant Themes é direta.

Sua associação anual custa US $ 89 e vem com um ano de suporte e atualizações. Você pode continuar usando todos os produtos Elegant Themes assim que sua assinatura expirar, mas você só receberá suporte e atualizações se sua assinatura estiver ativa.

A associação vitalícia custa US $ 249 e vem com suporte e atualizações vitalícias.

Ambos os planos de associação permitem o uso ilimitado do site e vêm com uma garantia de reembolso de 30 dias.

Divi pode ser a razão pela qual você se inscreve no Elegant Themes, no entanto, todos os seus produtos são de alta qualidade e tornam a associação mais atraente.

Extra é uma skin do Divi Theme que possui um recurso de construtor de categoria adicional. Isso pode ser usado para criar layouts e estilos exclusivos para cada categoria de postagem. Por exemplo, você pode ter um design para sua página inicial, um para notícias e outro para tutoriais.

Assim como o Divi Theme, o Divi Builder é integrado diretamente ao Extra.

O Bloom é uma solução de email marketing que permite exibir um formulário de inscrição em um boletim informativo de seis maneiras diferentes. Você pode definir quando os formulários serão exibidos, como depois que um usuário rolar até um determinado ponto da página ou depois de publicar um comentário.

Ele suporta 19 diferentes serviços de marketing por e-mail e vem com centenas de formulários de newsletter pré-fabricados.

O plugin de mídia social WordPress Monarch também é uma solução fantástica.

Ele permite exibir botões de compartilhamento de mais de 20 redes de mídia social em cinco locais diferentes. Cada botão pode ser estilizado e personalizado para atender às suas necessidades.

Custo – Avada

O Avada é vendido no ThemeForest por US$ 60.

Ele vem com atualizações ilimitadas e seis meses de suporte, que podem ser estendidos para 12 meses por um adicional de $ 18.

Uma série de plugins premium do WordPress também estão incluídos no pacote Avada.

O Avada foi lançado sob a licença regular do ThemeForest, que é classificado pelo ThemeForest como um produto de uso único.

Houve muitos desacordos públicos entre o Envato (ThemeForest) e o WordPress sobre esta política de licenciamento, pois vai contra a Licença Pública GNU sob a qual o WordPress é lançado e afirma que o uso não deve ser restrito.

Apesar disso, os desenvolvedores do Avada afirmam em seu site que “é necessária uma única compra do Avada para cada site que você criar”.

Simplificando, se você quiser usar o Avada em vários sites, precisará adquirir uma licença separada para cada um.

Os plugins premium do WordPress incluídos no Avada custariam mais de US $ 100 se você os comprasse todos separadamente.

Convert Plus ($ 24) é um plugin WordPress de marketing por e-mail disponível no Avada que permite exibir formulários de inscrição de e-mail de 12 maneiras diferentes. Possui centenas de modelos de formulário de boletim informativo pré-fabricados e integra-se a todos os principais serviços de marketing por e-mail.

Advanced Custom Fields é um plugin WordPress de gerenciamento de campo extremamente popular que tem mais de um milhão de downloads no WordPress.org. A versão pro do Advanced Custom Fields ($ 49+) que está incluída no Avada apresenta novos recursos, como o campo de repetidor, blocos ACF, campo de conteúdo, campo de clone e muito mais.

Os dois plugins de slider WordPress mais populares no mercado são Layer Slider ($25+) e Slider Revolution ($29) e ambos estão incluídos no Avada.

Esses plug-ins permitem que você crie controles deslizantes avançados com camadas usando uma interface moderna de arrastar e soltar e vêm com centenas de modelos pré-criados para ajudá-lo a começar.

Conclusão - Custo

Comparar o custo de dois temas do WordPress nunca é simples quando eles são vendidos sob diferentes modelos de preços.

Tanto o Divi quanto o Avada vêm embalados com produtos WordPress adicionais de alta qualidade, mas somente você pode decidir se esses extras oferecem valor para você, portanto, certifique-se de considerar como você usará o Divi e o Avada para ajudar a tomar uma decisão informada.

Uma associação Elegant Themes concede uso ilimitado, portanto, se você planeja criar muitos sites, o Divi é a opção mais barata.

Se você só precisa de um tema WordPress para um site, o Avada funcionará mais barato, pois pode ser adquirido por apenas US $ 60 e vem com atualizações vitalícias.

Quando se trata de custo, o Divi supera ligeiramente o Avada, pois adere à Licença Pública Geral e oferece suporte a um número ilimitado de usuários.

Vencedor: Divi

Pensamentos finais

Embora eu goste do WordPress Customizer, o Theme Fusion fez um trabalho fantástico ao integrar as opções de personalização de temas diretamente no Fusion Builder Live. Funciona muito bem e reduz o tempo que você gasta modificando seu site.

Portanto, eu escolheria o Avada se você estiver procurando uma solução que permita controlar todos os aspectos do design do seu site a partir de uma interface.

Onde a Divi continua a liderar é o sistema Divi Library. Os temas elegantes refinaram essa configuração ao longo dos anos para simplificar a tarefa de salvar layouts, fazer personalizações e reutilizar designs.

Portanto, se você está procurando principalmente um construtor de páginas do WordPress para ajudá-lo a criar conteúdo elegante e layouts profissionais, o Divi é a melhor escolha.

Divi e Avada são excelentes soluções, então tudo se resume a qual tema WordPress funciona melhor para você.

Aqui está uma recapitulação de como Divi e Avada se comparam:

Qual é o seu tema WordPress favorito?

Por favor, deixe-nos saber na área de comentários abaixo.

Se você gostou deste artigo, convido você a nos seguir no Twitter e no Facebook. Você também deve conferir nossa extensa gama de temas WordPress gratuitos e premium.

Boa sorte.
Kevin