Destaque do plug-in Divi: Divi Plus

Divi Plus é um plugin de terceiros para Divi que adiciona mais de 40 módulos e muitos recursos novos ao Divi Builder. Neste destaque do plugin Divi, vamos dar uma olhada no Divi Plus para ver o que ele pode fazer para ajudá-lo a decidir se é o plugin certo para sua caixa de ferramentas Divi.

Configurações Divi Plus

A instalação do plugin é simples. Basta fazer o upload e ativar. Depois de instalado, você desejará ativar vários recursos. No painel do WordPress, vá para Configurações > Divi Plus . A guia Geral permite selecionar quais módulos você deseja disponibilizar no Divi Builder. Eles estão todos selecionados por padrão, então você pode apenas deixar esta guia como está.

A guia Extensões possui várias opções. Aqui, você pode habilitar os códigos de acesso da Divi Library, Scheduler, Visibility Manager e Particle Background para seções, linhas, colunas e módulos. Todos esses são desabilitados por padrão. A guia Integrações é onde você pode adicionar sua API do Facebook e nome de usuário do Twitter.

Códigos de acesso da biblioteca Divi

Os shortcodes da biblioteca Divi adicionam um código de acesso a cada layout da sua biblioteca. Você pode copiar este código de acesso e colá-lo em qualquer lugar do seu site Divi que receba um código de acesso. Ele exibirá esse layout dentro de um módulo, barra lateral, etc.

DP Scheduler

O Scheduler permite que você decida quando uma seção, linha, coluna ou módulo será exibido com base na data e hora. Faça com que ele mostre ou oculte o conteúdo e escolha as datas e horas iniciais e finais. Ele é adicionado às configurações de Visibilidade na guia Avançado.

Gerente de Visibilidade DP

O Visibility Manager permite mostrar ou ocultar uma seção, linha, coluna ou módulo com base no status do usuário. Mostre-o a todos os usuários, usuários conectados ou usuários desconectados. Ele é adicionado às configurações de Visibilidade na guia Avançado.

Fundo de partícula DP

As configurações de fundo de partícula são adicionadas à área de fundo das configurações de seção. O plano de fundo não é visível no Visual Builder. Você pode selecionar o tipo de partícula, número, densidade, tamanho, cor, opções de linha vinculada, opções de movimento, interatividade e muito mais.

Aumentei o número e o tamanho das partículas para que se destaquem no plano de fundo da minha seção. Linhas e módulos podem ser colocados sobre ele.

DP Plus Tipos de Postagem Personalizada

Dois novos tipos de postagem personalizados foram adicionados ao WordPress. Você pode habilitar o Divi Builder para esses tipos de postagem nas opções de tema na guia Builder. O plug-in adiciona quatro módulos para que você possa exibir os novos tipos de post personalizados como uma grade ou em um controle deslizante.

Depoimentos de DP

Aqui está minha lista de exemplos de postagens para Testemunhos de DP.

Membros da equipe DP

Aqui está minha lista de exemplos de postagens para membros da equipe DP.

Módulos Divi Plus

Divi Plus adiciona mais de 40 módulos ao Divi Builder. Veremos alguns dos módulos que se destacam.

DP Ajax Search

A Pesquisa Ajax mostra os resultados da pesquisa em um pop-up sem a necessidade de recarregar a página.

Aqui está o Ajax Search mostrando resultados automaticamente conforme eu digito. Dei à caixa de pesquisa uma sombra de caixa externa e à janela de resultados uma sombra de caixa interna.

Pão ralado DP

Breadcrumbs oferece dois layouts para escolher e pode abrir os links em uma nova guia.

Horário comercial DP

O horário comercial inclui submódulos para cada dia da semana. Você pode inserir o nome e os horários, e pode estilizá-los todos no módulo principal ou individualmente nos submódulos.

Botão DP

Botão DP tem submódulos para criar vários tipos de botões. Mostre o texto ou adicione um ícone. Além disso, adicione texto secundário. Cada elemento pode ser estilizado de forma independente. Nestes exemplos, adicionei um ícone e alterei sua cor, adicionei um plano de fundo e arredondado as bordas, adicionei uma sombra de texto e adicionei um texto secundário e alterei sua cor. Os botões também podem ser configurados para exibir embutidos em vez de empilhados.

DP Content Toggle

Alternar conteúdo permite adicionar duas partes de conteúdo e, em seguida, alternar entre elas. O conteúdo pode ser texto ou um layout Divi. Você pode definir o estilo de cada um dos elementos de forma independente.

Aqui está a alternância que mostra o segundo conteúdo. O conteúdo se encaixa na coluna em que você colocou o módulo.

DP FAQPage Schema

O módulo FAQPage Schema inclui submódulos para criar o FAQ. Eles funcionam como um acordeão, o que significa que o aberto fecha quando o usuário seleciona outro FAQ. Tem um efeito deslizante interessante para a animação abrir / fechar. As perguntas frequentes incluem um editor para que você possa adicionar texto, mídia, código, etc.

DP Form Styler

O Estilizador de formulário permite selecionar um formulário do Formulário de contato 7 ou Formulários Caldera e, em seguida, estilizá-lo com as opções de estilo Divi. O número de opções para estilizar os elementos individuais dos formulários é impressionante. Neste exemplo, defini o alinhamento para o centro, ajustei a espessura da fonte para os rótulos, arredondou os cantos dos campos e do botão e adicionei sombra de caixa aos campos. Eu também estilizei o botão com uma imagem de fundo e sobreposição, aumentei o tamanho da fonte e alterei a cor da fonte.

DP Hotspot

O ponto de acesso permite adicionar um marcador a uma imagem. O marcador tem uma opção de passar o mouse para revelar uma dica de ferramenta ao passar o mouse. Pode ser um ícone, texto ou imagem. A dica de ferramenta pode ser um texto ou um layout em sua biblioteca Divi. Selecione os ícones, ajuste sua posição, mude suas cores, tamanhos, etc.

Substituí o ícone na parte inferior por texto e adicionei um layout Divi como a dica de ferramenta. O layout inclui um módulo de texto e um botão. Os módulos Divi Plus também podem ser usados ​​nesses layouts.

DP How To Schema

O módulo How To Schema inclui configurações para adicionar ferramentas, suprimentos, a quantidade de tempo que algo levará e as etapas de como fazê-lo. Cada uma das etapas é adicionada como um submódulo. Elementos como ferramentas e suprimentos, tempo e custo têm subseções e você pode adicionar quantos quiser. Cada um dos elementos pode ser estilizado de forma independente.

DP Modal

DP Modal cria um pop-up que você pode controlar com um gatilho. O gatilho pode ser um clique de elemento, no carregamento da página ou intenção de saída. Pode ser um botão, imagem, ícone, texto, ID CSS ou classe CSS. Crie o cabeçalho, o corpo e o rodapé dentro do módulo.

Quando o gatilho é clicado, o fundo fica acinzentado e o modal aparece. Aqui está o modal que fiz usando o estilo padrão.

Ele oferece muitas opções de estilo. Eu adicionei um estilo ao gatilho, texto do cabeçalho, rodapé, ícone de fechar, botão Fechar e adicionei uma imagem ao corpo. Ambos os botões também incluem estilo de foco.

Ampliador de imagem DP

O Image Magnifier permite colocar uma imagem dentro do seu layout e quando um visitante passa o mouse sobre a imagem, o mouse exibe uma área ampliada da imagem. Isso permite que eles vejam uma parte ampliada da imagem. Você pode definir o tamanho da lente, velocidade, largura da borda e cor da borda.

DP Team Slider

O Team Slider exibe os membros da equipe com suas imagens na parte superior, habilidades mostradas como contadores de barra e ícones de rede social na parte inferior. Cada um dos elementos pode ser estilizado separadamente. Eu adicionei uma borda e uma sombra de caixa às imagens.

DP Testimonial Grid

A Grade de depoimentos exibe o tipo de postagem de depoimento em um dos dois layouts. O primeiro exibe a imagem na parte inferior. O segundo exibe a imagem no topo. Você tem controle sobre quais elementos são exibidos. Escolha o número de colunas, mostre a avaliação, imagem, nome, etc.

DP Timeline

O módulo Timeline coloca o conteúdo dos submódulos em uma linha do tempo. Adicione um título e conteúdo do corpo a cada módulo. Você pode ter os itens alternados ou colocados em um lado da linha do tempo. As opções de layout incluem uma árvore de ícones ou uma árvore de datas.

Esta é a árvore de datas. Adicionei imagens e configurei o layout para exibir o conteúdo à direita da árvore.

Comprar Divi Plus

Divi Plus está disponível para compra no Divi Marketplace. Tem uso ilimitado do site e um ano de suporte e atualizações. Também inclui 20 layouts de página inteira e 200 seções estilizadas. O preço normal é $ 79.

Reflexões finais

Essa é a nossa visão do Divi Plus. Este plugin adiciona muitos novos módulos e recursos ao Divi. Achei todos os módulos e configurações fáceis de usar. Eu olhei apenas alguns dos módulos neste artigo, mas é fácil ver que cada módulo e extensão pode adicionar recursos valiosos e polimento profissional aos seus designs Divi. Se você deseja adicionar muitos recursos novos ao Divi, o Divi Plus é um bom lugar para começar.

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

Imagem em destaque via vetores Sky / shutterstock.com