Destaque do plug-in Divi: Divi ConKit Pro

Divi ConKit Pro é um plugin que traz 36 novos módulos para o Divi Builder e 4 outras extensões que adicionam novas funcionalidades e customização ao seu site. Se você está procurando um plug-in repleto de recursos que se integra completamente ao Divi e traz módulos como feed do Instagram, linha do tempo, texto animado e flipbox, e oferece controle de design sobre pop-ups, sua página de login e muito mais, este pode ser o plugin para você. Neste destaque do plugin, vamos dar uma olhada em todos os recursos que vêm com o Divi ConKit Pro e ajudá-lo a decidir se este plugin é ideal para você.

Vamos começar!

Instalando o Divi ConKit Pro

Instale o Divi ConKit Pro como faria com qualquer outro plugin. Vá para a página de plug-ins e clique em Adicionar plug-ins , selecione Carregar plug -in e escolha o arquivo de plug-in. Clique em Instalar agora para instalar o plug-in e, em seguida, ative o plug-in assim que ele for carregado.

Depois que o plug-in for ativado, você verá uma guia DiviConKit no menu do painel do WordPress, onde poderá controlar quais recursos estão habilitados para o seu site.

Divi ConKit Pro

Módulos Divi ConKit Pro

Primeiro, vamos dar uma olhada em cada um dos módulos que vêm com o Divi ConKit Pro. Todos esses módulos se integram ao Divi Builder e você os adiciona ao seu site como faria com qualquer outro módulo Divi.

Direção Avançada de DP

Este módulo permite que você adicione um título à sua página e oferece algumas opções avançadas além do módulo padrão do Divi. Você pode adicionar texto de prefixo, texto central, texto de sufixo e texto de fundo, e o design de cada tipo de texto também pode ser totalmente personalizado. Com este módulo, você pode criar cabeçalhos mais complexos com diferentes estilos de texto.

Texto animado DP

Este módulo permite adicionar texto animado à sua página. Você pode adicionar várias seções de texto animado a cada módulo e também pode adicionar texto de prefixo e sufixo que não se move. Existem três modos de animação, digitação de texto, inclinação de texto e slide animado. A animação pode ser personalizada com várias configurações de animação, como velocidade e tempo, e o texto animado pode ser personalizado com as opções de design padrão.

DP Blog Plus

O módulo blog plus exibe postagens recentes do seu blog. Tem quatro estilos de skin diferentes, estou usando o estilo Creative neste exemplo. Como os outros módulos deste kit, você pode usar as opções de design para personalizar completamente o estilo do módulo para se adequar ao design do seu site.

Horário Comercial DP

O módulo de horário comercial permite que você adicione facilmente seu horário comercial ao site. Basta inserir cada data e horário comercial para esse dia e você pode personalizar as opções de design para alterar qualquer uma das fontes ou cores para combinar com seu design.

Cartão DP

Este módulo é um módulo de cartão, que cria um cartão simples contendo uma imagem ou ícone e algum texto. Você pode optar por adicionar um crachá ou um botão ao cartão e, novamente, o design do cartão é totalmente personalizável.

Modelador DP CF7

Este próximo módulo é um módulo de estilo para o Formulário de contato 7. Você pode usar este módulo para editar o estilo do formulário de contato no construtor visual.

Alternar conteúdo DP

O módulo de alternância de conteúdo adiciona um ícone de alternância que permite alternar entre dois conjuntos de conteúdo do corpo. O conteúdo do corpo pode ser um conteúdo personalizado configurado no editor de conteúdo do módulo ou você pode importar um layout de sua biblioteca.

Divisor de DP

O módulo divisor permite que você adicione um ícone, imagem ou texto entre a linha divisória e também vem com alguns layouts de forma de divisor inferior (a Forma 3 é selecionada neste exemplo) para dividir o texto em sua página.

Botão duplo DP

A opção de botão duplo adiciona dois botões como um único módulo. Você pode até adicionar um conector (texto ou ícone) entre os dois botões, como fiz no exemplo acima. Usando as várias opções de design disponíveis neste módulo, você pode criar layouts exclusivos de dois botões para o seu site.

Caixa de DP

Este módulo cria uma caixa com conteúdo na frente e no verso. Quando você passa o mouse sobre a caixa, o conteúdo do verso é revelado com animação de flip. Isso pode ser útil para demonstrar os efeitos antes e depois ou para revelar o conteúdo de maneira envolvente.

Imagem flutuante DP

O módulo de imagem flutuante permite adicionar uma imagem que flutua para cima e para baixo na página. Ele adiciona um movimento sutil ao design da página para elevar o design.

Linha do tempo horizontal de DP

Com o módulo de linha do tempo horizontal, você pode criar uma linha do tempo contendo texto, imagens e um ícone para cada etapa. Ele também possui opções de looping e rolagem automática para que você possa ter a linha do tempo rolando pela página automaticamente. Novamente, as opções de design podem ser usadas para personalizar totalmente a aparência.

Pontos de acesso DP

Com este módulo, você pode adicionar dicas de ferramentas a qualquer imagem que contenha texto, imagens ou ícones. Você pode especificar exatamente onde deseja que as dicas de ferramentas apareçam sobre a imagem e, claro, pode personalizar o design de todos os elementos com as configurações de design.

Caixa flutuante de DP

A caixa de foco permite que você revele texto e outros elementos, como uma borda, ao passar o mouse sobre a imagem. Como você pode ver no exemplo acima, a caixa à esquerda está passando por cima e você pode ver que a legenda e a descrição foram reveladas, assim como a borda. À direita está a caixa que não está passando o mouse e exibe apenas o título. Existem muitas configurações de foco diferentes para este módulo também.

Caixa de ícone de DP

Este módulo é um módulo simples que permite exibir um ícone e um texto opcional em uma caixa.

Acordeão de Imagem DP

O módulo de acordeão de imagem exibe várias imagens próximas umas das outras. Quando você passa o mouse sobre uma das imagens, ela aumenta e minimiza as outras para que você possa ver a foto inteira. No exemplo acima, estou passando o mouse sobre a foto à direita.

Comparação de imagens DP

Com o módulo de comparação de imagens, você pode comparar duas imagens com um controle deslizante que você pode arrastar para ver cada lado. Você também pode adicionar um rótulo para cada lado, como “antes” e “depois”.

Lupa de Imagem DP

O módulo de ampliação de imagem solicita que você carregue uma versão grande e pequena de uma imagem. Quando você passa o mouse sobre a imagem, uma lupa aparece e você pode ver uma versão maior da área em foco.

Mascaramento de Imagem DP

Neste módulo, você pode adicionar uma imagem com forma de máscara. Existem muitas formas diferentes para você escolher dentro do módulo, e você pode personalizar ainda mais o design adicionando cores à máscara ou à imagem.

Caixa de informações de DP

Este módulo simplesmente permite que você adicione uma caixa com conteúdo de texto e uma imagem ou ícone opcional.

SVG Inline DP

Este módulo permite fazer upload de arquivos SVG diretamente e visualizá-los no Divi Builder.

DP feed do Instagram

Com o módulo de feed do Instagram, você pode exibir suas postagens recentes do Instagram com elegância em seu site. Existem 3 layouts para escolher: grade, destaque (usado no exemplo acima) e alvenaria. Você pode usar as opções de design para personalizar o espaçamento, a sobreposição, a legenda e muito mais.

Lista de DP

Este módulo pode ser usado para organizar as informações em uma lista com um ícone ou imagem.

Grade de logotipo DP

O módulo de grade de logotipo pode ser útil para exibir logotipos de clientes ou logotipos “destaque em…”. Você também pode adicionar efeitos de foco ao logotipo. Neste exemplo, estou usando um efeito de zoom de zoom, que você pode ver aplicado no segundo logotipo na captura de tela.

DP Lottie

Com este módulo, você pode adicionar uma animação Lottie diretamente à sua página no Divi Builder. Você pode adicionar a Lottie Animation fazendo upload do arquivo Lottie JSON ou por URL.

Número DP

O módulo de número simplesmente exibe um número. Você pode ativar a opção de contador e o número contará conforme for revelado. Novamente, você pode usar as configurações de design para personalizar totalmente a aparência.

Menu de Preços DP

Com o módulo de menu de preços, você pode criar facilmente um menu em seu site com preços, título e descrição e muitas opções para personalizar a aparência.

Revisão de DP

Este módulo permite que você adicione comentários ao seu site com classificações por estrelas, uma imagem e, claro, o conteúdo do texto do comentário.

Imagem de rolagem DP

Com o módulo de rolagem de imagem, sua imagem é exibida apenas parcialmente em uma altura definida. Quando você passa o mouse sobre a imagem (ou rola, dependendo da opção escolhida), a imagem rola para que você possa ver o resto da imagem.

Barras de Habilidade DP

Este módulo pode ser usado para demonstrar níveis de habilidade ou qualquer outra coisa que possa ser representada por barras de progresso. Você pode escolher quais rótulos são exibidos e, claro, todos os elementos de design podem ser personalizados.

Compartilhamento Social DP

Este módulo tem muitas plataformas de mídia social para escolher e você pode alterar facilmente o texto do botão, estilos, layout, posicionamento e muitas outras configurações.

Equipe de DP

O módulo de equipe facilita a exibição dos membros de sua equipe em seu site. Você pode adicionar uma foto, nome, cargo e biografia, e até links para um site pessoal, endereço de e-mail e sites de mídia social. Existem algumas opções diferentes em que o conteúdo também é exibido sobre a imagem ao passar o mouse.

Testemunho de DP

O módulo de depoimentos permite que você adicione depoimentos de clientes ao seu site. Ele oferece a opção de incluir uma classificação por estrelas e você pode optar por usar um ícone de cotação ou fazer o upload do seu próprio. Existem várias opções de posicionamento e layout para escolher, permitindo que você crie um design totalmente personalizado.

Feed do Twitter de DP

Este módulo permite que você exiba um feed do Twitter em seu site. Este módulo tem muitas opções para você escolher exatamente o que é exibido e, claro, o design é totalmente personalizável com as muitas opções de design do Divi.

Linha do tempo vertical de DP

O módulo de linha do tempo vertical permite criar uma linha do tempo com conteúdo de texto e imagem. Existem várias opções de layout disponíveis e você pode optar por adicionar uma linha de rolagem que adiciona algum movimento dinâmico à linha do tempo. Além disso, você pode personalizar totalmente o estilo da linha do tempo e até adicionar cores diferentes para os estados ativo e inativo.

Pop-up de vídeo DP

Com este módulo, você pode adicionar um vídeo que aparece na mesma página em um fundo escuro de sobreposição. Você pode carregar uma imagem de capa e personalizar o design geral, o ícone de sobreposição e outros elementos de design. Você pode vincular um vídeo do YouTube ou Vimeo ou fazer upload do seu próprio.

Extensões Divi ConKit Pro

Além dos módulos que acompanham o DiviConKit, existem algumas extensões que vêm com o plug-in que adiciona funcionalidades adicionais ao seu site. Vamos dar uma olhada em cada um.

Criador de blogs

O designer do blog oferece opções adicionais para personalizar a maneira como o blog e as páginas de postagem são projetados. Você pode encontrar as configurações do designer do blog no menu Personalizar em Aparência ou clicando no link nas configurações do Divi ConKit.

Nas configurações do blog/arquivo, você pode alterar o layout, o plano de fundo, os itens de postagem exibidos, o dimensionamento da imagem em destaque e outras opções de dimensionamento e espaçamento.

Em seguida, nas configurações de postagem única, você pode personalizar o dimensionamento e o espaçamento do conteúdo, alterar o plano de fundo, escolher quais elementos são exibidos, adicionar uma caixa de autor de postagem, navegação de postagem, postagens relacionadas e muito mais.

Criador de pop-ups

O criador de pop-ups permite que você crie um pop-up personalizado usando o construtor visual Divi. Você pode encontrar a configuração de pop-ups na seção de configurações do DiviConKit no painel do WordPress. Você pode designar páginas específicas onde deseja que cada pop-up apareça.

Nas configurações do pop-up, você pode designar o evento aberto e o estilo de animação, alterar o plano de fundo e a sobreposição, ajustar o posicionamento e o dimensionamento e muito mais.

E aqui está o pop-up em ação.

Designer de login

O designer de login permite que você personalize a página de login do WordPress para o seu site. Você pode encontrar as configurações do designer de login no menu Personalizar em Aparência ou clicando no link nas configurações do Divi ConKit. Você pode personalizar o plano de fundo, o logotipo, o formulário de login e os campos, todo o texto e rótulos e o botão.

Infelizmente, você não pode ver a página de login ao fazer essas alterações porque você precisa estar desconectado para ver a página de login. Para contornar isso, abri a página de login usando uma janela anônima no meu navegador para poder ver os dois ao mesmo tempo e ver as alterações que estava fazendo.

Aqui está uma versão personalizada da página de login, com um novo plano de fundo, logotipo, plano de fundo do campo e cor do texto.

Códigos de acesso da biblioteca Divi

O DiviConKit Pro também permite que você use códigos de acesso para exibir qualquer modelo de biblioteca Divi dentro de um módulo Divi ou dentro de um arquivo .php. Ao acessar a Biblioteca Divi, você verá o código de acesso para cada item da biblioteca listado. Basta copiar o shortcode e usá-lo no módulo de código dentro do construtor Divi ou adicioná-lo a um arquivo .php, então o item Divi Library aparecerá. Neste exemplo, adicionei uma tabela de preços da minha biblioteca Divi à minha página usando o código de acesso.

Adquira o Divi ConKit Pro

O Divi ConKit Pro está disponível no Divi Marketplace. Custa US $ 59 para uso ilimitado do site e 1 ano de suporte e atualizações. O preço também inclui uma garantia de reembolso de 30 dias.

Pensamentos finais

O Divi ConKit Pro é um plug-in repleto de recursos que adiciona muitos módulos excelentes para estender a funcionalidade do Divi Builder. Cada módulo é repleto de opções e totalmente personalizável, facilitando a criação de belos módulos para o seu site. Finalmente, gostaríamos de ouvir de você! Você já experimentou o Divi ConKit Pro? Deixe-nos saber o que você pensa sobre isso nos comentários!