Destaque do produto Divi: Divi Layouts estendidos

Divi Layouts Extended é um produto de terceiros para Divi que inclui mais de 1.700 layouts que são importados por meio de um painel personalizado. Eles cobrem uma ampla variedade de gêneros e incluem módulos, seções e páginas completas. Nesta postagem, veremos o Divi Layouts Extended para ajudá-lo a decidir se é o produto certo para sua caixa de ferramentas Divi.

Instalando Divi Layouts estendidos

Instalar o Divi Layouts foi simples. Faça upload e ative-o da mesma forma que qualquer plugin. Para carregá-lo, acesse:

1. Plug-ins
2. Adicionar novo
3. Carregar plug-in
4. Escolher arquivo
5. instale agora

Depois de instalado, você verá uma opção para ativar o plugin. Selecione para ativá-lo e ele estará pronto para uso.

1. Ativar plug-in

Atualização: nova interface de usuário

Antes de mergulharmos nos destaques do produto, o Divi Extended deu recentemente ao Divi Layouts Extended uma nova aparência. Dê uma olhada abaixo para ver o que você pode esperar da nova interface do usuário. Eles também adicionaram mais 200 layouts à sua biblioteca, oferecendo ainda mais opções de escolha ao criar seus sites!

Painel estendido do Divi Layouts

Um novo menu Divi Layouts Extended foi adicionado ao painel do WordPress. Clicar nele abre o novo painel onde você pode selecionar os layouts desejados. Achei este painel simples e altamente intuitivo.

Inclui guias para ver os layouts, módulos, seções ou páginas. Você também pode pesquisar o que quiser e classificá-los por popularidade, nome e data em ordem crescente ou decrescente. Os layouts aparecem como cartões. Você pode visualizar o layout ou salvá-lo em sua biblioteca, rolar os layouts maiores para vê-los e visualizá-los para vê-los melhor. Este exemplo mostra a guia Todos, que inclui módulos, seções e páginas.

Rolar até o final da lista é a navegação onde você pode selecionar uma página ou escolher Primeiro ou Último.

Clicar em Visualizar abre o item no site Divi Layouts Extended. Você pode rolar pelo layout, clicar em todas as coisas clicáveis, passar o mouse para ver os efeitos do mouse e ver o layout com imagens, produtos, etc.

Quando você escolhe Salvar na biblioteca, o layout será importado e o botão muda de roxo para verde Salvo.

Você também verá o layout em sua biblioteca, onde poderá usá-lo normalmente em suas páginas, postagens e no Divi Theme Builder. Eles incluirão as categorias e tipos. Neste exemplo, salvei uma página inicial. Inclui a categoria da página inicial e o tipo de layout.

Módulos estendidos de layouts Divi

Os módulos estendidos do Divi Layouts incluem botões e controles deslizantes. Veremos alguns exemplos.

Botões estendidos do Divi Layouts

Existem 55 botões para escolher. O texto do botão funciona como uma breve descrição do que o botão faz ou de seu layout.

Os designs incluem cores sólidas, sem cores, gradientes, imagens, texto, com ou sem bordas, bordas quadradas ou arredondadas, com ou ícones, com ou sem sombras, com ou sem efeitos de foco e muito mais. A maioria é feita para se destacar e se destaca bem. Gosto especialmente dos botões com ícones e efeitos de foco.

Controles deslizantes estendidos do Divi Layouts

Existem 15 controles deslizantes para escolher. Eles estão em tela cheia e incluem designs diferentes para seus layouts e navegação. Eles incluem uma frase de chamariz, imagens, planos de fundo, produtos, navegação, etc.

Este exemplo mostra um plano de fundo em ângulo, navegação estilizada, uma imagem, texto e CTA.

Seções estendidas do Divi Layouts

Existem 855 seções em 27 categorias diferentes. Eles incluem seções como Sobre, blog, CTAs, logotipos de clientes, cabeçalhos, rodapés, barras superiores, contadores de números, depoimentos, seções principais, galerias, serviços e muito mais.

Cabeçalhos

Inclui 130 cabeçalhos. Eles incluem menus, ícones de mídia social, campos de pesquisa, números de telefone clicáveis, CTAs, menus suspensos estilizados e muito mais. Muitos incluem uma barra superior.

Este exemplo mostra os cabeçalhos 127-129. Eles incluem navegação, ícones sociais, pesquisa, informações de contato, etc.

Este exemplo mostra os cabeçalhos 101-103. Eles incluem botões CTA com animações instantâneas. Estou passando o mouse sobre o menu do segundo cabeçalho para mostrar o menu suspenso.

Blogues

Existem 60 seções de blog. Eles incluem layouts de grade, layouts alternados, layouts de coluna única, estilos, efeitos de foco, etc. Os cartões de blog oferecem muitas opções de estilo.

Este exemplo possui um layout estilo revista com duas colunas. As últimas postagens do blog são exibidas na coluna da esquerda e incluem imagens em destaque, enquanto as outras são empilhadas na coluna da direita e incluem grandes botões para ler mais.

Este exemplo mostra um layout de grade com títulos e trechos sobrepostos. Estou passando o mouse sobre a segunda postagem para mostrar seu efeito de foco.

CTAs

Existem 38 seções de call to action para você escolher. Eles têm largura total e incluem imagens, mensagens, botões, formulários, contadores de números e muito mais em vários tipos de layouts.

Este exemplo mostra um CTA de e-mail com destaques em vermelho e informações de contato. O número de telefone é clicável.

Seções de herói

Inclui 60 seções de heróis. Eles incluem CTAs, vídeos incorporados, cronômetros de contagem regressiva, imagens, planos de fundo, formulários, sinopses, postagens, produtos e muito mais. Estes são alguns dos meus layouts favoritos no Divi Layouts Extended.

Este exemplo mostra um CTA com um gráfico que se sobrepõe a dois planos de fundo. O fundo inclui formas em cores diferentes para se destacar.

Este exemplo inclui links para as diversas páginas da loja. Eles incluem cores sólidas e imagens com títulos, botões ou descontos.

Equipe

Escolha entre 35 layouts de equipe. Eles exibem Módulos Pessoais estilizados de diferentes maneiras e incluem texto de suporte, botões e muito mais. A maioria é colocada em uma grade, mas há alguns com layouts de coluna única, layouts de mosaico, etc.

Este exemplo mostra três Módulos Pessoais com texto, um botão e um fundo ondulado. Passar o mouse sobre um módulo em qualquer um dos lados faz com que ele deslize na diagonal.

Depoimentos

Existem 25 seções de depoimentos para você escolher. Eles incluem layouts de grade, layouts de coluna única, layouts alternados e muito mais. Eles incluem imagens de fundo ou coloridas em um lado, fundos diferentes para os Módulos de Depoimento, imagens circuladas, imagens quadradas, etc.

Este exemplo mostra uma imagem de um lado e um controle deslizante de depoimento sobreposto à imagem do outro lado. O controle deslizante inclui navegação na extrema direita.

Linha do tempo

Existem 5 seções da linha do tempo para você escolher. Eles são ótimos para mostrar as etapas do processo, um cronograma de publicação, etc. Eles incluem layouts horizontais e verticais.

Este mostra um cronograma de produção, o que é ótimo para gerenciamento de projetos. Ele exibe a linha do tempo com ícones de cores diferentes que se alternam de cima para baixo. O texto fica no lado oposto dos ícones e inclui títulos na mesma cor dos ícones.

Portfólio

Escolha entre 10 layouts de portfólio. Estes são alguns dos layouts mais elegantes do Divi Layouts Extended. Eles incluem vários designs de fundo, incluindo imagens e blocos de cores. Eles incluem vários layouts e designs de cartões de portfólio. Alguns incluem um CTA ou um filtro estilizado. Eles trabalham para diversos setores, incluindo industrial, consumo, lojas, restaurantes, fotografia, design, etc.

Este exemplo usa uma seção de portfólio para criar um menu de restaurante. Os cartões do portfólio possuem sombras, sobreposições e cantos arredondados. Eles se sobrepõem à imagem de fundo. Estou passando o mouse sobre o item à direita para mostrar a sobreposição.

Seções Woo

Existem 30 seções Woo para escolher. Eles funcionam como CTAs nas diversas categorias da loja e incluem planos de fundo estilizados, imagens estilizadas, ofertas, cronômetros de contagem regressiva e muitos designs de layout. Eles funcionariam muito bem como seções dentro de layouts e como seções principais.

Este exemplo mostra imagens estilizadas com bordas deslocadas. Eles incluem dois layouts diferentes dentro da grade. Funciona como links para categorias na loja.

Este exemplo inclui uma contagem regressiva e um botão para ver a loja.

Páginas estendidas do Divi Layouts

A guia Divi Layouts Extended Pages inclui 23 tipos de páginas. Eles incluem casa, destino, sobre, em breve, checkout, preços, produto, pesquisa, serviços, projeto, loja, equipe, depoimentos, FAQs, Lookbook, 404 e muito mais. Eles usam os módulos e seções das outras guias para criar páginas em diversos gêneros com estilos personalizados para cada um. Aqui estão alguns exemplos.

Lar

Escolha entre 10 páginas iniciais para escolher. Eles são projetados para lojas, agências, bandas, imóveis, casamentos e diversos negócios baseados em serviços.

Este exemplo mostra a primeira metade do Divi Concert, que foi projetado para bandas e eventos ao vivo. Inclui uma seção de herói com imagem de fundo, CTA e um contador numérico. Também inclui seções para informações, uma programação de eventos e uma seção de equipe para os membros da banda.

A segunda metade inclui um roteiro com duas seções que exibem uma imagem de um lado e sinopses do outro. Também estão incluídas uma seção de blog, tabelas de preços e logotipos de patrocinadores.

Pousar

São 40 landing pages para escolher em diversos gêneros com foco em negócios. Eles incluem agências, conferências, autores, podcasts, webinars, etc.

Esta é a página inicial de um podcast. Inclui uma seção principal com um CTA, um vídeo incorporado, logotipos de patrocinadores e um formulário de e-mail. Também inclui uma seção para informações, arquivos de áudio incorporados e hosts.

Lookbook

Existem 3 páginas do Lookbook para escolher. Eles incluem muitas imagens estilizadas em vários layouts para criar páginas de loja com foco em imagens.

Este exemplo mostra várias seções de imagens de produtos e inclui uma contagem regressiva e produtos em destaque.

Comprar

Existem 30 páginas de loja para você escolher. Eles exibem os produtos de diversas maneiras em grades, com imagens grandes ou pequenas, com ou sem barras laterais e com ou sem CTAs.

Este exemplo inclui uma barra lateral com localização atual, produtos, categorias e tags. Um controle deslizante na parte superior da página vincula às categorias. Os produtos incluem elementos estilizados.

Publicar

Existem 25 layouts de postagem de blog. Eles exibem os elementos da postagem de maneiras diferentes. Escolha um layout com ou sem barra lateral.

Este exemplo coloca a imagem em destaque à esquerda com o texto e os metadados à direita sobre um fundo sólido. O conteúdo é apresentado em um amplo layout de coluna única com navegação de postagem, tags e comentários.

Em breve

Em breve, haverá 5 páginas para você escolher. Eles incluem texto grande, cronômetros de contagem regressiva, formulários de e-mail e ícones de acompanhamento de mídia social.

Este exemplo exibe a mensagem à esquerda sobre uma imagem de fundo. À direita estão uma contagem regressiva, ícones de mídia social e um botão para um formulário de e-mail, todos colocados sobre um fundo branco com uma borda esquerda arredondada.

404

Existem 10.404 páginas. Eles incluem uma combinação de gráficos, imagens, tipografia, ícones de acompanhamento social, informações de contato, caixas de pesquisa e um link para a página inicial. A maioria inclui apenas alguns desses elementos, o que os mantém simples e fáceis de entender.

O exemplo usa uma imagem de fundo de um evento, que funciona muito bem com a página inicial do Divi Concert. Inclui uma imagem de fundo de largura total, a mensagem de erro 404, uma caixa de pesquisa e ícones sociais.

Onde comprar Divi Layouts estendidos

Divi Layouts Extended está disponível no Divi Marketplace por US$ 49. Inclui uso ilimitado do site, um ano de suporte e atualizações e garantia de devolução do dinheiro em 30 dias.

Terminando as reflexões sobre os layouts Divi estendidos

Essa é a nossa visão do Divi Layouts Extended. Existem muitos layouts bem projetados neste plugin Divi. O painel é fácil de usar e importa apenas os layouts que você deseja, mantendo sua Biblioteca Divi limpa. Depois de importados para sua biblioteca Divi, eles funcionam da mesma forma que qualquer layout Divi. Se você estiver interessado em expandir sua biblioteca de layouts Divi, Divi Layouts Extended é uma ótima opção a considerar.

Nós queremos ouvir de você. Você já experimentou o Divi Layouts Estendido? Deixe-nos saber o que você pensa sobre isso nos comentários.