Destaque do plug-in Divi: Divi Essential

Divi Essential é um plugin de terceiros para Divi que adiciona mais de 60 novos módulos ao Divi Builder. Os módulos incluem muitas animações e recursos de design para dar ao seu site Divi uma aparência profissional. Neste destaque do plugin, vamos dar uma olhada no Divi Essential e ver quais tipos de módulos ele tem para ajudá-lo a decidir se é o plugin certo para as suas necessidades Divi.

Módulos Divi Essential

Faça upload e ative o plugin normalmente. Nenhuma outra configuração é necessária. Divi Essential adiciona mais de 60 novos módulos ao Divi Builder. Na lista de módulos, eles são azuis e mostram um gradiente roxo em um lado ao pairar. Seus nomes são descritivos, facilitando a compreensão do que eles podem fazer. Alguns nomes não são tão fáceis de entender no início, mas uma vez que você carrega o módulo em sua página, fica óbvio para que servem. Veremos alguns dos módulos que se destacam.

Next 3D Cube Slider

3D Cube Slider exibe os slides na lateral de um cubo. O cubo então gira para mostrar o próximo slide. Cada um dos slides é criado com submódulos. Você pode estilizá-los juntos ou individualmente. Ao contrário de um cubo real, você pode ter quantos lados (ou slides) desejar.

Próximo Blurb

O Next Blurb é semelhante ao módulo blurb padrão, mas adiciona vários novos elementos, incluindo texto de título anterior e posterior, fundos múltiplos e efeitos 2D e de foco de inclinação. Adicionei várias cores de fundo e habilitei o efeito de inclinação neste exemplo. A telha também pode incluir brilho e inclinação reversa.

Próximo botão

O botão Próximo funciona como um botão padrão, mas tem várias configurações de foco. Especifique diferentes tamanhos, cores e animações para as cores, bordas e ícones.

Próxima imagem circular

A imagem circular exibe a imagem dentro de um círculo e inclui várias opções de foco. Quando você passa o mouse sobre a imagem, ela executa uma animação e exibe uma sobreposição com título e conteúdo. O conteúdo é criado com o editor de texto padrão, para que possa incluir mídia e código. Existem 19 efeitos de foco para escolher e você pode selecionar a direção do foco. Você também pode adicionar uma borda colorida à imagem.

Próximo Coverflow Slider

Coverflow Slider é um controle deslizante interessante que exibe os slides como imagens que se sobrepõem. O slide atual é o maior e está localizado próximo ao centro. Os outros ficam menores quanto mais distantes estão do slide atual. Conforme o controle deslizante muda para o próximo slide, os slides mudam de forma que o do centro é o maior.

Next Divi Review

O Divi Review pode ser usado como um módulo pessoal e como um módulo de avaliação do produto. Este módulo funcionaria bem ao revisar e classificar serviços. Inclui uma imagem, sistema de classificação e texto com o nome, posição e descrição. Ele tem uma borda e uma sombra de caixa por padrão.

Próxima Divisória

Próximo divisor Permite um divisor com um ícone ou uma imagem e, a seguir, estilizar os elementos individuais. Escolha o posicionamento da imagem, altere o tamanho da divisória, ajuste sua cor, lacuna, etc. Esta é uma boa opção para mostrar o autor de um artigo, um membro da equipe, um produto e muito mais. Eu adicionei uma imagem e aumentei a largura neste exemplo.

Próximo botão duplo

O botão duplo é interessante. Possui dois botões que podem ser estilizados de forma independente. Eles incluem muitos efeitos de foco. Eu adicionei os dois botões juntos e dei a cada um efeitos diferentes de foco.

Próxima lista de recursos

Lista de recursos permite criar uma lista usando submódulos. Mostre um ícone ou uma imagem, ajuste os tamanhos dos ícones, imagens e texto e personalize cada elemento independentemente ou em conjunto. Neste exemplo, adicionei imagens, aumentei o tamanho da imagem e do texto, alterei a cor do texto para um submódulo e dei outro submódulo e a cor da borda e do plano de fundo.

Next Image Hover Box

A caixa de foco da imagem exibe uma imagem e, em seguida, substitui a imagem ao passar o mouse por uma sobreposição de plano de fundo, título e conteúdo. Você pode adicionar qualquer coisa ao conteúdo que desejar e estilizar cada um dos elementos. Escolha entre 13 efeitos de flutuação e 4 direções. As animações são interessantes. As imagens podem girar, inverter, girar, aplicar zoom e muito mais.

Efeito do ícone da próxima imagem

O Efeito de ícone de imagem permite habilitar até quatro ícones que são adicionados a uma sobreposição que aparece na parte inferior de uma imagem ao passar o mouse. A sobreposição também exibe um título e um texto. Os ícones podem ser links, como os do exemplo acima. Esta é uma maneira interessante de adicionar botões sociais para seguir ou outros links a uma imagem.

Próxima Imagem Scroll

A rolagem de imagem coloca uma imagem em uma janela que é mais curta do que a imagem. Quando você passa o mouse sobre a imagem, ela rola dentro da janela para revelar o resto da imagem. Inclui uma sobreposição e um botão. A sobreposição desaparece ao passar o mouse. Isso é excelente para mostrar produtos como layouts Divi, mapas de locais ou outros tipos de imagens altas.

Próxima Galeria de Maçonaria

Galeria de alvenaria exibe uma galeria em uma grade. Cada uma das imagens é redimensionada para caber na grade. Você pode definir o número de colunas, a largura da calha, adicionar bordas às imagens, personalizar as sobreposições e estilizá-las como qualquer imagem. Clicar em uma imagem abre em uma mesa de luz.

Próxima Mega Image Effect

Mega Image Effect exibe uma imagem e a substitui por uma sobreposição e um botão ao pairar.

Inclui configurações de fundo de foco e de fundo de botão. Aqui está a sobreposição ao passar o mouse sobre a imagem. Ele também tem efeitos de foco e efeitos de seleção de texto. Eu defini a sobreposição como azul e o texto como branco.

Próxima caixa promocional

Promo Box é um dos módulos mais interessantes. É um módulo de demonstração de produto e inclui a imagem, o título, o texto do título anterior e posterior, a descrição, o botão e um crachá de oferta. A oferta mostra uma porcentagem de desconto e é ótima para realizar vendas. Cada um dos elementos pode ser estilizado separadamente.

Fluxo da próxima etapa

Step Flow é uma abordagem interessante sobre um módulo de blurb. Ele exibe uma etapa que inclui uma imagem ou ícone, uma seta, um emblema e conteúdo. A seta pode apontar em qualquer direção e você pode ajustar os estilos do texto, seta, emblema e círculo. Isso é ótimo se você deseja exibir as etapas em uma ordem numerada e fazer com que cada uma aponte para a próxima.

Próxima Linha do Tempo

A linha do tempo exibe cartões em uma linha do tempo em um layout alternativo. Os cartões são adicionados como submódulos. Exiba imagens ou ícones, adicione qualquer tipo de conteúdo que desejar, habilite ou desabilite o botão e estilize cada elemento independentemente. Eu estilizei o primeiro cartão com um fundo azul mais escuro, texto branco e um botão azul claro. Deixei o segundo cartão com as configurações padrão.

Comprar Divi Essential

Divi Essential está disponível no Divi Marketplace. Inclui mais de 60 módulos e acesso a mais de 500 layouts projetados profissionalmente usando os módulos. O custo normal é de US $ 79 para uso ilimitado do site e inclui 1 ano de suporte e atualizações.

Reflexões finais

Essa é a nossa visão sobre o Divi Essential. Existem muitos módulos e opções neste plugin de terceiros para Divi. Eu apenas arranhei a superfície do que eles podem fazer. Usar os módulos e suas configurações foi tão intuitivo quanto qualquer módulo Divi.

Alguns deles, como os módulos de membros da equipe ou os módulos de texto, parecem que podem ser combinados com suas opções como seleções dentro do módulo. Isso não diminui a vasta quantidade de opções que eles oferecem e provavelmente os torna mais fáceis de usar, já que você pode carregar um módulo com os recursos exatos que deseja.

Existem muitos módulos e opções neste plugin. Se você estiver interessado em adicionar muitos módulos novos ao seu site Divi, o Divi Essential é uma ótima escolha.

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

Imagem em destaque via Inspiring / shutterstock.com