O sistema de layout do Flexbox da Divi 5 chegou

Hoje, apresentamos o novo sistema de layout baseado em Flexbox para o Divi 5.

Esta não é uma atualização menor. Reinventa o Divi, permitindo que você construa qualquer estrutura de layout, incluindo quebra de layout responsiva, pedidos de módulo personalizado, fácil alinhamento vertical e posicionamento de elementos e muito mais.

Nenhuma pedra foi deixada sobre o uso, nenhuma opção foi esquecida - nós fizemos tudo e é o melhor da sala de aula.

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

Sistema de layout totalmente do Divi 5

Reinventamos o sistema de layout da Divi e adicionamos muitos novos modelos de linha e opções de layout. Você pode criar qualquer layout usando Flexbox, linhas aninhadas e grupos de módulos !

O novo sistema de layout facilita o posicionamento, espaçamento, embalagem e pedidos do elemento de controle.

Uma seleção robusta de novos modelos de linha do Flexbox

Você primeiro notará uma seleção de novos modelos de linha, incluindo opções de várias linhas aninhadas. Há muito mais variação a ser apreciada!

Você não está limitado a esses modelos; São exemplos convenientes pré-construídos. Depois de cavar os painéis de configurações, não há guardrails; Você pode adicionar quantas colunas quiser e fornecer qualquer tamanho que desejar, nidificação de linhas nas colunas para criar qualquer layout.

Controles do Flexbox para tudo

Novas opções do Flexbox estão disponíveis para tudo. Você pode controlar o embrulho de layout, direção, pedidos, espaçamento, posicionamento de elementos filhos e muito mais - sem hacks, sem javascript, sem bagunça, apenas controles intuitivos que funcionam maravilhosamente.

Estruturas de linha responsivas

Construir sites responsivos nunca foi tão fácil.

A cada ponto de interrupção, você pode atribuir estruturas diferentes a uma única linha. É simples, e o Divi faz isso melhor do que qualquer outro construtor, permitindo que você transforme completamente o layout de cada dispositivo. Você também pode personalizar o tamanho das colunas em cada dispositivo e ajustar qualquer configuração do Flexbox.

Pedido de elemento responsivo

O pedido de elemento responsivo é uma brisa.

Você pode alterar facilmente a direção em que os elementos fluem em cada dispositivo e na ordem dos elementos individuais. Você pode alterar completamente a estrutura da linha de cada dispositivo e reordenar as coisas de maneira ideal nessa nova estrutura.

Posicionamento fácil de elementos infantis

O FlexBox torna os elementos de posicionamento dentro de seus contêineres pais muito mais simples.

Você não precisa usar elementos JavaScript ou absolutamente posicionados; Por exemplo, os elementos de centralização verticalmente dentro de uma coluna estão a apenas um clique de distância.

Unificar a altura dos elementos é tão simples. Por exemplo, é fácil fazer todas as colunas seguidas a mesma altura, ou todos os módulos em uma coluna a mesma altura.

Depreciação de seções de especialidade e largura completa

Depreciamos as seções especializadas e de largura completa, simplificando bastante os elementos estruturais da Divi (seções de largura total e especializadas existentes continuarão funcionando; acabamos de remover a opção de adicionar novos).

Você pode fazer tudo (e muito mais) com linhas Flexbox regulares, para que não haja necessidade de diferentes tipos de seções. Módulos exclusivos de largura total foram renomeados e disponibilizados em seções padrão, oferecendo mais flexibilidade.

Possibilidades de novas e intermináveis

Existem muitas configurações para cobrir e possibilidades de explorar, mas uma coisa é clara: o sistema de layout do futuro da Divi está aqui, e a criação de sites da Divi nunca será a mesma.

Antes de encerrar as coisas, vamos mostrar alguns layouts criativos construídos com o novo sistema de layout da Divi. Você também pode baixar os layouts e conferi -los por si mesmo.

Baixe os layouts

Nós jogamos algumas surpresas também

Você notará algumas outras melhorias surpresa nesta atualização.

• Melhorias significativas de velocidade - você notará que o construtor é muito mais rápido ao editar layouts grandes e complexos. Com a introdução de linhas infinitamente acidentáveis ​​e novos elementos de contêineres, agora você tem a liberdade de construir designs muito complexos. Com esta atualização, garantimos que o construtor ainda esteja rápido, mesmo quando seus layouts ficam loucos. É uma diferença de noite e dia!
• Novas opções de coluna - Todos os módulos de grade, como os módulos de galeria e portfólio, possuem novas configurações de coluna que permitem controlar a estrutura da coluna da grade a cada ponto de interrupção.
• Renomeação do módulo FullWidth - O módulo de cabeçalho de largura total foi renomeado para Hero, e o módulo de portfólio de largura de fullwidth foi renomeada para pós -carrossel. Ambos os módulos agora podem ser usados ​​em seções padrão.
• Novas opções de tipo de postagem para carrossel post -O recém-nomeado módulo Post Carousel possui uma nova configuração de tipo de postagem, permitindo que você preencha o carrossel com postagens de qualquer tipo.

Tente divi 5 hoje

O Flexbox for Divi 5 está disponível hoje e é 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á tentou interações?

Recentemente, lançamos interações para o Divi 5, um sistema robusto para criar elementos interativos, como pop-ups e alternativas, e efeitos criativos baseados em rolagem e movimentação de mouse. Não é um construtor pop-up; É um construtor de qualquer coisa. Crie um gatilho, atribua um efeito, escolha um alvo e dê vida às suas interações personalizadas. Há um link na descrição do vídeo para saber mais.

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.