Novo módulo de carrossel de grupo, módulo Lottie e muito mais!

Hoje, lançamos três novos módulos para o Divi 5, incluindo o módulo de carrossel de grupo muito solicitado, que permite criar qualquer tipo de carrossel ou controle deslizante, incluindo carrosséis pós-baseados, usando o novo construtor de loops do Divi 5.

Também adicionamos um módulo Lottie para fáceis as animações baseadas em JSON e um módulo de lista de ícones para facilitar a criação da lista.

A nova arquitetura da Divi 5 simplifica a criação do módulo, então lançaremos uma quantidade surpreendente de novos módulos após o lançamento oficial da Divi 5. Este é apenas um aperitivo para mantê -lo enquanto nos concentramos em progredir na fase beta no próximo mês.

Confira o vídeo a seguir para ver o novo recurso em ação.

Módulo de carrossel em grupo

A adição mais importante é o módulo de carrossel do grupo.

Ao contrário de outros carrosséis, cada slide no carrossel do grupo é uma tela em branco; Você pode adicionar qualquer módulo a cada slide para criar qualquer carrossel ou controle deslizante. Você controla o número de slides, o conteúdo dos slides e outras configurações de animação. Como os grupos podem ser estilizados usando a ampla gama de configurações de design da Divi, você pode criar estilos exclusivos e efeitos de transição.

Criar carrosséis de postagem, termo e usuários

O Builder de Loop do Divi 5 permite que você faça um grupo dentro do carrossel para criar carrosséis de postagem, termo ou usuários. Isso extrai conteúdo dinâmico do seu site para preencher cada slide automaticamente.

Ative o loop no grupo, personalize a consulta e conecte o conteúdo dinâmico nos elementos do carrossel. Neste exemplo, criei um carrossel de depoimento usando um tipo de postagem e campos personalizados criados usando o ACF.

Exemplos de carrossel

A beleza do módulo de carrossel do grupo é que cada slide no carrossel é uma tela em branco embrulhada no contêiner de grupo da Divi. Você pode adicionar qualquer módulo dentro dele, junto com linhas aninhadas e criar layouts de slides avançados usando o Flexbox.

O céu é o limite!

Você também pode aproveitar a gama completa de configurações de design da Divi, como transformações, filtros e sombra de caixa, para criar efeitos de transição.

Exemplo #1: Slider de tela cheia personalizada

O carrossel do grupo pode exibir qualquer número de slides por página. Se você o limitar a um único slide, você terá um controle deslizante. Você pode se libertar dos módulos deslizantes existentes da Divi para criar algo novo.

Exemplo #2: Carrossel de equipe com várias linhas

Você pode escolher quantos slides mostrar por página e quantos slides rolar a cada clique da seta. Neste exemplo, criei um slider de equipe para uma página sobre a página, incluindo links sociais usando o módulo Social Follow.

Exemplo #3: Carrossel em loop baseado em termos

Você pode construir carrosséis baseados em termos usando o construtor de loops do Divi 5. Neste exemplo, o carrossel está percorrendo as categorias de produtos WooCommerce. O nome da categoria e a imagem do recurso são gerados dinamicamente com cada slide no loop.

Exemplo #4: Menu de comida com transições criativas

Neste exemplo, criei um menu que desliza por uma lista de pratos mais vendidos. Ajustar a escala e a opacidade dos slides inativos cria um efeito de transição divertido à medida que deslizo por cada item.

Módulo Lottie

O novo módulo Lottie facilita a adição de animações de Lottie ao seu site e controlar suas animações e interações.

As animações de Lottie são ótimas porque são baseadas em JSON e SVG, tornando-as leves e perfeitas de pixels. Existem muitos lugares on -line, onde você pode encontrar ótimas animações e adicioná -las facilmente à sua página.

O módulo Lottie permite personalizar a velocidade de animação, gatilho, direção, loop e muito mais.

️ Nota: a Biblioteca de Mídia do WordPress não permite o upload de arquivos JSON. Se você deseja fazer upload de uma animação Lottie através da biblioteca de mídia do WordPress, pode usar um plug -in como tipos de upload de arquivos para ativar o upload JSON.

Módulo de lista de ícones

O módulo da lista de ícones é uma adição simples que preenche um pequeno vazio nos módulos mais básicos da Divi. Ele facilita a criação de listas e a atribuição de ícones exclusivos a cada item.

Anteriormente, a única maneira de criar listas era manualmente dentro de um módulo de texto, tornando esta uma adição simples, mas bem -vinda.

Tente divi 5 hoje

Esses novos módulos estão disponíveis para o Divi 5 hoje e são um dos muitos recursos que chegam ao Divi este ano.

Você pode acompanhar à medida que avançamos no lançamento final do Divi 5 e além, com atualizações a cada duas semanas. Dependendo de suas prioridades, você pode usar o Divi 5 agora para criar novos sites ou esperar até adicionar mais recursos, o que funciona melhor para você.

Conforme descrito no cronograma de lançamento multifásico original do Divi 5, o Divi 5 Public Alpha é como "Divi 5 Lite". Está faltando alguns recursos e pode não ser adequado para sites existentes, mas está pronto para ser usado em novos sites, se você preferir a experiência do Divi 4.

Queremos que você experimente e, se você gosta, use -o; Quando todo mundo adora, vamos tornar -o oficial.

Você já experimentou o Loop Builder?

Caso você tenha perdido, lançamos recentemente o novo construtor de loops para o Divi 5.

O construtor de loops da Divi é único em sua liberdade; Você pode fazer qualquer coisa sem ser restrito a um módulo ou contêiner de loop estático. Crie seu elemento de loop e personalize sua consulta usando várias opções convenientes e meta -perguntas. Ele suporta tipos de postagens personalizados, incluindo WooCommerce, campos personalizados criados com ACF e até campos de repetidores do ACF.

É um recurso incrível!

Assista a este vídeo para todos os detalhes.

Mais atualizações do Divi 5 estão a caminho

2025 é o ano do Divi 5 . O trabalho tedioso está para trás. Construímos a fundação super-rápida e agora é hora de o Divi voltar.

Se você estiver aqui para o retorno do Divi, faça um grande favor e informe -nos curtindo este vídeo e deixando um comentário. Significa muito para nós ver você torcendo dividindo, e é essencial alimentar o algoritmo e espalhar a palavra.

Não se esqueça de nos seguir no YouTube e assinar o boletim informativo Divi para que você nunca perca uma atualização. Vejo você em breve para outro anúncio do Divi 5, que eu prometo que estará ao virar da esquina.