Destaque do plugin Divi: Battle Suit for Divi

Battle Suit for Divi é um plugin de terceiros que fornece uma coleção de Divi Builder Modules, Divi Extensions, Tweaks, WordPress Widgets e mais, que adicionam novos recursos ao Divi. É um sistema modular altamente expansível. O plugin em si é gratuito e pode ser expandido com muitos add-ons gratuitos e premium.

Neste destaque do plugin Divi, vamos dar uma olhada em Battle Suit for Divi e ver o que ele inclui. Como você pode obter o plug-in gratuitamente no depósito do WordPress, mostrarei principalmente exemplos de complementos premium.

Traje de batalha para Divi

Instale e ative Battle Suit for Divi. Um novo item de menu chamado Divi Sensei Suit é adicionado ao menu do painel.

Clicar em Configurações leva você para a opção Divi Theme. Uma nova guia é adicionada às Opções do tema Divi chamada Battle Suit . Aqui, você pode habilitar recursos e widgets.

Selecionar Add-Ons abre uma tela com várias opções. Você pode comprar os complementos premium aqui. O conjunto de ferramentas para Divi requer a instalação de visualizações de conjunto de ferramentas e tipos de conjunto de ferramentas . Isso requer a versão premium do conjunto de ferramentas. Usarei todos os três complementos neste destaque do plug-in.

Faça upload e ative cada plugin normalmente.

Adicione sua chave de licença e ative a licença para usar os add-ons.

Traje de batalha para módulos Divi

Muitos módulos novos são adicionados ao Divi Builder. Os módulos incluem as guias e recursos esperados de Conteúdo, Design e Avançado. Esta imagem mostra os módulos que vêm com a versão gratuita do Battle Suit for Divi. Os módulos gratuitos incluem:

Outra postagem - exibe o conteúdo de uma postagem diferente de qualquer tipo de postagem.

Bucket - um módulo semelhante a uma sinopse. Inclui efeitos de foco. É ótimo para criar listas de buckets ou exibir produtos.

Rodapé - exibe o rodapé Divi em qualquer lugar do layout. É ótimo para exibir o rodapé no modelo de página em branco ou com o conjunto de ferramentas.

Layout da biblioteca - permite injetar um layout da biblioteca Divi.

Galeria de alvenaria - uma nova galeria que mostra imagens em diferentes tamanhos e layout de alvenaria.

Botão de postagem - é um botão que leva a uma postagem.

Post Excerpt - Permite personalizar e exibir o post excerpt.

Postar imagem em destaque - exibe uma imagem em destaque com as configurações do módulo Imagem.

Post Meta - exibe post meta personalizável.

Título da postagem - exibe o título da postagem com um módulo personalizável.

Transformable Image - exibe uma imagem 3D com efeitos de foco.

Lightbox de vídeo - exibe vídeos em um lightbox personalizável.

Complementos premium adicionam ainda mais módulos ao Divi Builder. A imagem aqui inclui os complementos premium que estou usando. Existem vários outros disponíveis no site do desenvolvedor. Os módulos incluem:

Cronômetro de contagem regressiva - um cronômetro de contagem regressiva personalizável que pode executar um evento quando a contagem regressiva termina.

Material Blurb - um resumo com vários botões e opções de elevação.

Post Content - exibe um URL específico. Clicar nele abre o link.

Botão do conjunto de ferramentas - adiciona um botão para um campo de conjunto de ferramentas específico e vincula a um URL específico.

Contador do conjunto de ferramentas - este é um contador para o conteúdo do conjunto de ferramentas.

Galeria do conjunto de ferramentas - exibe uma galeria para campos específicos do conjunto de ferramentas.

Imagem do conjunto de ferramentas - exibe uma imagem do conjunto de ferramentas.

Tabela de conjunto de ferramentas - exibe uma tabela de conjunto de ferramentas com opções de layout e separador. Inclui personalizações de itens individuais.

Campo de texto do conjunto de ferramentas - exibe um campo de texto do conjunto de ferramentas.

Visualização do conjunto de ferramentas - exibe as visualizações do banco de dados feitas com o conjunto de ferramentas.

Exemplos de traje de batalha para materiais de design Divi

O Material Blurb adiciona um novo módulo. Neste exemplo, estou recriando as informações do livro do layout Autor com Material Blurbs. Eles foram originalmente feitos com três módulos individuais: módulos de texto, imagem e botão para cada livro. Consigo substituí-los por um único módulo. Estou fazendo algumas personalizações conforme vou. Eu adicionei um segundo botão, ajustei a borda e personalizei a sombra para regular e pairar. Você pode usar imagens ou ícones e alterá-los para uma nova imagem ou ícone ao passar o mouse.

Aqui está o resultado com todas as três notas de material. Eu defini a elevação de base para 5 e a elevação do foco para 1. Estou pairando sobre a sinopse à direita para mostrar o efeito de sombra do foco. Deixei o botão com o estilo padrão, mas é claro, eles podem ser estilizados como qualquer botão no Divi.

Para este, ajustei os efeitos de foco novamente. Eu defini a elevação de base para 1 e a elevação de foco para 0. Estou pairando sobre a descrição do material na extrema direita.

Exemplos de Traje de Batalha para Contagem Regressiva Final Divi

O cronômetro de contagem regressiva também adiciona um único módulo. Veja o que o cronômetro pode fazer. Estas são as configurações padrão usando o estilo flip. Você pode ajustar o deslocamento para que os ladrilhos se alinhem da maneira que você deseja. Coloquei-o no layout de Gerenciamento de risco, que fornecia o título, o divisor e o botão.

Este é o estilo de bloco com as configurações padrão.

Para este, não estou mostrando semanas e dias. Mudei as etiquetas para o topo e mudei seu tamanho, cor e coloquei todas em maiúsculas. Também aumentei o tamanho do texto do relógio e mudei a cor do fundo do relógio. Ele também tem opções para mover a posição do texto dentro do relógio, ajustar larguras, etc.

Este usa o estilo de bloco. Aumentei o tamanho da fonte do relógio e mudei as fontes para Aladin, tornei-as roxas e dei a elas um efeito de sombra. Eu adicionei um fundo cinza claro ao relógio, então ele quase não se destaca.

Exemplos de Battle Suit for Divi Toolset

O complemento Toolset adiciona 7 módulos ao Divi Builder. Requer a versão premium do Toolset. Achei os add-ons Battle Suit for Divi Toolset fáceis de usar, mas o Toolset em si era uma história diferente. Não é uma plataforma intuitiva de forma alguma e eu não o recomendo para usuários iniciantes do WordPress.

Mesmo se você estiver familiarizado com WordPress e Divi, eu recomendo fortemente assistir Como construir um arquivo de taxonomia personalizado usando Toolset e Divi no YouTube se você não estiver familiarizado com Toolset. Lembre-se de que o menu do painel para o conjunto de ferramentas mudou desde que o vídeo foi criado, portanto, pode ser necessário mais algumas etapas para descobrir isso. Aqui estão as etapas que executei.

Vistas do conjunto de ferramentas

Crie uma visualização no conjunto de ferramentas. Certifique-se de selecionar a exibição dos tipos de postagem para que eles possam usar a Visualização.

Ignore o assistente de loop e selecione um modelo de conteúdo. Aqui você pode escolher Divi, que adicionará Divi às opções de modelo. certifique-se de que o modelo Divi esteja dentro das tags wpv-loop.

Crie um layout de modelo com o Divi Builder. Primeiro, ative-o selecionando a partir das opções neste campo e, a seguir, clique para editar.

Crie o modelo usando os módulos Sensei. Publique o modelo e salve a visualização.

Deixe o Output Editor vazio.

Adicione o módulo Sensei Toolset View ao seu layout de página ou postagem. Selecione Exibir no menu suspenso na guia de conteúdo do módulo.

Certifique-se de não usar um layout de conjunto de ferramentas para a página. Você deseja que Battle Suit for Divi controle os layouts, não o conjunto de ferramentas (pelo menos neste caso).

Ele exibe as postagens em um loop de arquivo usando o modelo que criei no Divi. Você pode criar qualquer tipo de layout que desejar. Limitei a exibição a 3 postagens com um deslocamento de 0, mas você pode usar isso como um módulo de blog junto com controles deslizantes de postagem, etc. Você também pode ordenar e classificar as postagens em uma ordem primária e secundária.

Agora adicionei o módulo dentro do layout Autor. Estou usando o estilo da fonte do layout. Também adicionei uma sombra de caixa ao módulo.

Contador de conjunto de ferramentas

O contador do conjunto de ferramentas permite que você insira números para contar de e para. Você pode optar por exibir números ou um contador circular. Também inclui todas as personalizações esperadas. Neste exemplo, adicionei um fundo com sombra de caixa e algum preenchimento na parte superior e inferior. Todo o resto é o padrão (exceto o número que eu inseri). O contador de números pode contar números ou datas.

Aqui está um contador de círculo que conta números. Você também pode fazer com que conte um campo de conjunto de ferramentas para o tipo de porcentagem.

Conjunto de ferramentas para Divi WordPress Widget

Battle Suit for Divi também adiciona um novo widget ao WordPress chamado Blurb . Adicione um título, imagem, URL e descrição para criar uma sinopse clicável para suas barras laterais.

Adicione seu título, imagem, URL do link e descrição. Você pode abri-lo em uma nova janela, se desejar. Eu adicionei três widgets para criar links para livros.

Eu adicionei a barra lateral a uma seção no layout do Autor. O resultado fica ótimo com layouts Divi.

Traje de batalha por Divi Price

O Battle Suite for Divi é gratuito e está disponível no depósito do WordPress. Os complementos estão disponíveis no menu do plug-in. Os preços do add-on são:

• Conjunto de ferramentas para Divi - $ 19
• Material Design - $ 9,99
• Contagem regressiva final - $ 9,99

Mais informações estão disponíveis no site do desenvolvedor.

Traje de batalha para documentação e suporte da Divi

Você pode entrar em contato com o suporte por e-mail ou clicando no link no menu. A documentação é fornecida clicando nos links no menu do plugin. Ele fornece links para um FAQ e o canal do editor no YouTube, onde eles têm uma visão geral detalhada de cada módulo. Inclui apenas os módulos principais.

Reflexões finais

Battle Suit for Divi é um plugin interessante e adiciona muito ao Divi Builder. Mesmo a versão gratuita adiciona muito, mas você pode expandi-la ainda mais com complementos premium. Você pode escolher os complementos exatos que deseja, tornando este um sistema modular.

Não tive problemas com a maioria dos módulos e complementos, mas gostaria de ver alguns exemplos no site do desenvolvedor de como usá-los. Eu gostaria especialmente de ver exemplos do complemento Toolset. Esse é o único add-on que me deu problemas.

Se você estiver interessado em adicionar vários módulos novos ao Divi Builder para facilitar o seu tempo de design, recomendo enfaticamente que você dê uma olhada em Battle Suit for Divi.

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

Imagem em destaque via rudall30 / shutterstock.com