Destaque do plug-in Divi: Ferramentas Divi Dream

Divi Dream Tools é um plugin de terceiros para Divi que adiciona muitas novas personalizações e módulos ao Divi. Inclui cerca de 30 módulos, 5 tipos de post personalizados e 5 widgets. Ele também inclui muitas opções de design personalizado, como pré-carregadores, CTA no menu, menus de hambúrguer, botões voltar ao topo, cabeçalhos, rodapés, telas de login personalizadas e muito mais.

Você pode comprar Divi Dream Tools no site da editora. No destaque do plugin Divi, daremos uma olhada de perto nas Ferramentas Divi Dream e ver o que ele pode fazer.

Configurações das ferramentas do Divi Dream

Instale e ative o plugin normalmente. Uma nova tela de configurações é adicionada ao WordPress. A tela de configurações (encontrada no menu do painel em Divi> Divi Dream Tools Settings) inclui várias guias e configurações em cada guia. Aqui está uma olhada em cada guia.

Em geral

As Configurações Gerais abrangem o estilo de cabeçalhos globais, página de login de administrador personalizada, adiciona o botão CTA no menu, permite uploads de SVG e ativa o modo de manutenção.

As configurações de projetos permitem ocultar ou renomear projetos. As configurações 404 permitem que você escolha um layout de página 404 de sua biblioteca Divi. As configurações de ícones sociais permitem que você habilite de forma independente mais 9 ícones sociais e faça com que eles sejam abertos em uma nova guia.

Preloader

A guia Preloader adiciona muitas opções de pré-carregador. As Configurações Gerais permitem que você exiba o pré-carregador e escolha se ele será exibido apenas na página inicial, no celular, e oculte o pré-carregador em uma largura de dispositivo que você determinar.

As configurações de imagem do pré-carregador permitem que você escolha o pré-carregador. Ele os mostra com suas animações para que você tenha uma ideia de como ficarão no seu site. Você também pode fazer upload do seu próprio, especificar a largura e altura e alterar as configurações de cor para o pré-carregador e o plano de fundo. As configurações de animação permitem que você escolha a animação e defina a velocidade, o tempo e a opacidade.

Menu de hambúrguer

As configurações de hambúrguer permitem que você escolha um ícone de hambúrguer. Eles são animados para que você saiba como eles se parecem no seu site. Você também pode personalizar as cores do ícone do menu e do ícone ativo.

De volta ao topo

Escolha um estilo de botão Voltar ao início entre várias opções. Você pode ajustar a cor do plano de fundo e o ícone independentemente.

Módulos

As configurações do módulo permitem desabilitar 13 módulos independentemente. Eles estão habilitados por padrão.

Divi Dream Tools Theme Customizer

Várias personalizações são adicionadas ao personalizador de tema. Você pode personalizar o texto H1-H6 e o ​​botão CTA. O botão inclui tamanho, animação flutuante, etc. Neste exemplo, estou personalizando o botão CTA no menu. Este exemplo também mostra o botão voltar ao topo personalizado.

Tipos de postagem personalizados das ferramentas Divi Dream

Divi Dream Tools adiciona 5 tipos de post personalizados com itens de menu e editores. Você pode ver a lista de todos os itens e categorias para cada tipo de postagem no menu do painel. Eles podem ser exibidos com os widgets e módulos integrados. Aqui está uma olhada em cada um.

Membros da equipe da Divi Dream Tools

O tipo de postagem Membros da equipe permite criar membros da equipe e exibi-los. Inclui o editor de texto, categorias, imagem e informações dos membros da equipe completas com ícones sociais, um link para uma página de detalhes e um formulário de contato que se integra ao Caldera Forms.

Testemunhos da Divi Dream Tools

A ferramenta Testemunhos adiciona um editor com foto, categoria, link da empresa e ícones de mídia social.

Você pode ver todos os depoimentos no menu.

Eventos Divi Dream Tools

Eventos adiciona um editor com imagem, categorias, tags, informações do evento, informações do local, informações do organizador e custo. Um selecionador de data seria bom para as datas do evento. Atualmente, você deve inserir as datas manualmente. No entanto, isso é bastante fácil de fazer.

Propriedade Divi Dream Tools

Propriedade inclui um editor e permite adicionar o status, tipos, categorias, recursos, uma imagem e informações de propriedade, incluindo agentes.

Aqui está a lista de propriedades que criei no menu.

Agentes da Divi Dream Tools

Os agentes incluem um editor, imagem e informações, incluindo suas informações de contato e botões sociais de acompanhamento.

Widgets de Ferramentas Divi Dream

Divi Dream Tools vem com cinco widgets:

1. Publicar
2. Controle deslizante de propriedade
3. Widget de propriedade
4. Controle deslizante de testemunho
5. próximos eventos

A maioria exibe os tipos de postagem personalizados que são adicionados pelo plug-in. O widget Post permite que você escolha qualquer tipo de postagem que desejar. Você pode ajustar o número de postagens que eles mostram, a ordem e recursos especiais para esse tipo de postagem, como status ou data.

Aqui está a barra lateral mostrando todos os widgets.

Módulos de ferramentas Divi Dream

Divi Dream Tools tem pouco menos de 30 módulos. Aqui está uma olhada em alguns deles. Eu apenas escolhi alguns aleatoriamente.

Visualização do controle deslizante da postagem

O módulo Post Slider View inclui vários estilos de layout. Você pode escolher entre os tipos de postagem personalizados, definir o número a ser exibido, a ordem de exibição, o tamanho da imagem e personalizar as configurações de exibição, cores dos slides e ícones, etc. Esta é a configuração padrão do Slider 1.

Vista da lista de agentes

Esta é a Visualização de lista de agentes usando o estilo 1. Inclui alguns estilos com personalizações, cor de ícone, cor de paginação e muito mais. Estas são as configurações padrão.

Postos de Maçonaria

O módulo Visão de Postagens de Maçonaria exibe vários estilos. Este é o estilo 1, que exibe um design com vários layouts. Inclui tipos de postagem personalizados, paginação, exibição de autor e data e configurações de cores de paginação. Estas são as configurações padrão.

Lista de Eventos

O módulo Events List View tem vários estilos de layout e inclui opções de tamanho de imagem, uma imagem, um pop-up com estilo e paginação. Eu o adicionei ao layout do E-Book. Este é o layout 3. Eu o personalize para se ajustar ao estilo do layout.

Testemunho Grid View

O módulo Testimonial Grid View tem cinco opções de estilo. Esta é a opção 2. Você pode escolher o número que é exibido em uma linha, o valor do trecho, personalizar o ícone, mostrar a imagem, link da página, definir alturas iguais, escolher categorias, personalizar cores, etc. Estas são as configurações padrão.

Inclinação da imagem

A inclinação da imagem permite exibir uma imagem ou ícone que se inclina em resposta ao mouse. Você pode exibir paralaxe, mostrar um brilho, ajustar a perspectiva, inclinação, velocidade, escala e muito mais.

Flip Box

A Flip Box cria uma caixa com texto em ambos os lados da caixa. Quando você passa o mouse sobre ele, a caixa vira para mostrar o verso. Você pode definir as cores, ícones, texto e imagens da frente e do verso separadamente. Você também pode adicionar um link. Na imagem acima, virei a segunda caixa invertida e movi meu mouse para a terceira. Isso é ótimo para criar sinopses, CTAs, informações, etc.

Visualização da Tabela de Propriedades

Este é o módulo Property Table View. Possui três estilos. Este é o estilo 3. Eu ajustei as cores para combinar com o layout do Real Estate.

Ele também exibe um pop-up, que mostra a imagem em tamanho real. O pop-up é estilizado separadamente. Este é o pop-up do estilo 3.

Visualização da grade da propriedade

O módulo Property Grid View tem 3 estilos para escolher. Este é o estilo 1 mostrando 2 colunas. Você pode configurá-lo para mostrar um pop-up, paginação e alturas iguais.

Este é o estilo 3. Eu configurei para mostrar 3 colunas.

Woo Slider

O Woo Slider exibe produtos WooCommerce e adiciona muitos recursos novos. Possui três estilos. Cada estilo exibe sobreposições de maneira diferente e responde ao foco de maneira diferente. Este é o estilo 1, que inclina a imagem do produto e exibe o botão de compra ao passar o mouse. Você pode definir o número de colunas, tamanho da imagem, exibir um pop-up ao clicar e muito mais.

O pop-up mostra mais informações sobre o produto. Este é o pop-up do estilo 3. Ele muda a cor do botão ao passar o mouse. Inclui um botão Fechar.

Preço das Ferramentas Divi Dream

Existem duas opções de licença para Divi Dream Tools:

• Site único - $ 99
• Sites ilimitados - $ 199

Ambos são cobrados uma única vez e incluem suporte vitalício e atualizações.

Você pode comprar Divi Dream Tools no site da editora.

Reflexões finais

Estou impressionado com a quantidade de personalizações e módulos no Divi Dream Tools. Achei cada configuração intuitiva. Se você estiver familiarizado com o Divi, não deverá ter problemas com esses módulos e configurações. Os tipos de postagem personalizados são fáceis de criar e trabalhar com vários módulos e widgets. As personalizações adicionam muitas possibilidades de design ao Divi.

O que abordei aqui apenas arranha a superfície do que pode ser feito com este plugin. Se você estiver interessado em um conjunto de personalizações e novos módulos para Divi, vale a pena dar uma olhada nas Divi Dream Tools.

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

Imagem em destaque via johave / shutterstock.com