Como o Divi 5 está abrindo a trilha (enquanto ainda está em alfa)

Divi 5 é inquestionavelmente tomando forma. Faz apenas quatro meses desde que lançamos nosso primeiro novo recurso para o Divi 5 - pontos de interrupção personalizáveis ​​- e fizemos um progresso constante e impressionante desde então. Nesses quatro meses, lançamos sete outros recursos inovadores para o Divi 5. Isso mostra a base forte que criamos durante nossa revisão completa da base do Código Divi.

E estamos apenas começando. Vamos dar uma olhada em como o Divi se compara a outros temas do WordPress e construtores de páginas. Como mencionado, ainda temos muito no pipeline pelos próximos meses, mas vale a pena levar algum tempo para agradecer por onde o Divi 5 está e compará -lo a outras soluções. Esta não é uma comparação de 360 ​​graus, mas uma pesquisa mais geral.

NOTA: O Divi 5 está pronto para ser usado em novos sites, mas não recomendamos a conversão de sites existentes para o Divi 5 ainda.

Progresso no retorno do divi

2025 é o ano do Divi 5. Estamos fazendo tudo o que podemos para criar a melhor experiência de construção de sites no WordPress.

Isso começou com mudanças fundamentais sob o capô e agora está se materializando em um novo sistema de design e em recursos de suporte.

1. Modern Refatored & Modern CodeBase

O Divi 5 não chegou através de uma retalhos de correções e atualizações rápidas. Todo módulo, configuração e interação foi reengenharia para apoiar uma nova arquitetura mais limpa, mais rápida e extensível.

Por outro lado, o oxigênio interrompeu o desenvolvimento por meses e posteriormente lançou um novo construtor sem caminho de atualização para os locais de oxigênio existentes. Se você foi investido em seu produto herdado, será forçado a reconstruir sua nova estrutura ou se contentar com atualizações de segurança (ou mudar para um construtor completamente diferente).

O Oxygen V4 não é compatível com o recém -anunciado V6

Divi 5 é diferente. Mantivemos a compatibilidade com foco ao criar uma base para o futuro.

As equipes menores estão desenvolvendo novas plataformas ou mantendo as legadas, mas como elas evoluem com o tempo não são claras. Plataformas como Builderius ou Etch têm manifestos coloridos, mas ainda não foram comprovados com sua longevidade. A WPBakery ainda funciona com uma fundação antiga com uma gota de recursos que será lançada todos os anos, enquanto eles construíram um construtor de sites separado e não compatível.

O editor de blocos prometeu uma nova era do design do WordPress, mas atendeu fortemente aos desenvolvedores. A maioria dos proprietários de sites ainda acham limitadora e complexa, então eles o complementam com um plug -in para torná -lo viável.

Estes são apenas alguns dos plugins, sem mencionar os temas mais suplementares

Como os temas elegantes têm uma equipe grande e estável, com um histórico de uma década, você não está apostando em vaporware ou um produto experimental.

2. Melhor sistema predefinido para WordPress

A maioria dos sistemas de design usa apenas estilos globais seletivos ou arquivos tema.json. O Divi 5 suporta CSS personalizado e variáveis ​​de design nativo, mas também possui um extenso sistema predefinido, incluindo o grupo de opções e as predefinições de elementos.

Os grupos de opções predefinirem funcionam entre os elementos que possuem grupos semelhantes de configurações. Esta é uma ótima maneira de trazer consistência aos seus títulos, espaçamento, dimensionamento e raios de fronteira, por exemplo.

As predefinições de elementos existem há muito tempo com o Divi e permitem que você aplique facilmente designs aos mesmos módulos usados ​​em vários contextos. Outros construtores podem oferecer estilos globais, mas o Divi 5 vai além, permitindo que você crie e reutilize grupos de configurações de maneira composta. Esta é uma atualização maciça de produtividade que é amplamente exclusiva do Divi.

3. Variáveis ​​de design

Há duas coisas importantes a saber sobre variáveis ​​de design:

1. As variáveis ​​de design funcionam de maneira semelhante às variáveis ​​CSS, permitindo armazenar valores reutilizáveis ​​na interface do usuário.
2. As variáveis ​​de design vão além do que as variáveis ​​CSS típicas podem suportar para incluir também conteúdo (pense imagens, URLs e seqüências de texto)

Os tijolos suportam tokens de cor e espaçamento, mas as variáveis ​​da Divi vão mais profundamente. Eles permitem que você defina coisas como um texto de frase, imagens ou até URLs específicos como variáveis ​​e as reutiliza em qualquer lugar que faça sentido.

Elementor, WPBakery e o editor de blocos não oferecem variáveis ​​em todo o sistema. Obviamente, o Divi tem isso e também permite que você use variáveis ​​CSS como achar melhor.

4. Capacidade de usar todas as unidades CSS

Não há mais limitações unitárias básicas. O Divi 5 aceita qualquer unidade CSS válida-incluindo VW, REM, FIT-Content, Clamp () e Calc (). Você pode até usar variáveis ​​CSS que você pode adicionar através do CSS personalizado.

Use unidades e funções CSS avançadas em todo o editor, mesmo no gerenciador de variáveis

O Divi 5 suporta todas as unidades CSS modernas, incluindo valores Clamp (), Calc () e Unitless. Isso oferece aos designers controle sobre layouts de fluido, tipo escalável e espaçamento responsivo com as unidades CSS com as quais se sentem confortáveis.

5. Virado da fundação

Qual é a melhor prova de pagamento da nova arquitetura do Divi 5? A velocidade com que lançamos novos recursos. Sim, os recursos que mostramos acima (e alguns abaixo deste ponto) são excelentes adições, mas o que é impressionante neles agregado é que eles foram criados muito rapidamente.

Sete grandes lançamentos de recursos em apenas três meses. Esse é o resultado de um efeito deliberado do volante.

PACE: Um novo e principal Divi 5 aparece a cada 12,3 dias!

Outros construtores geralmente levam meses para lançar recursos semelhantes, porque seus sistemas os combatem a cada passo do caminho. Eles estão tentando construir arranha -céus na areia.

O Divi 5, por outro lado, foi projetado para crescer e expandir. Tomamos o melhor de Divi, modernizamos e, sem medo, adicionamos a ele, por isso é a melhor coisa a ser construída no WordPress. Uma vez que o Divi 5 atinge a versão beta pública e além, não perseguiremos a competição, mas criando novos padrões para que todos sigam.

6. Velocidade incrível

No Divi 5, o construtor responde mais rápido, suas mudanças renderizam mais rapidamente e as páginas grandes não ficam. Por que? Reconstruímos tudo para carregar apenas o que é necessário. O novo mecanismo usa divisão inteligente de código e lógica otimizada do módulo que remove scripts redundantes da equação. Ele também lida com todas as interações com as melhores práticas para evitar cadeias longas de atualizações ou dependências circulares.

O Elementor é lento no editor e você pode sentir isso, mesmo quando está no modo Canvas (sem cabeçalho ou rodapé carregado no editor).

O Divi tem um desempenho significativamente melhor. Observe a rapidez com que você pode duplicar qualquer elemento dentro do construtor.

Cada novo recurso é rigorosamente testado para velocidade no editor e front -end. Você sentirá quando abrir um módulo ou arrastar uma seção. A interface é muito rápida e as mudanças acontecem instantaneamente.

Até removemos nossas amadas, mas lentas animações, para que você não precise passar pelos ciclos de clique, aguardar e carregar .

7. Um construtor visual que realmente parece moderno

Indo além da velocidade, você notará que a vibração é diferente imediatamente. A nova interface do Divi 5 não luta contra você. Os painéis são atracados por padrão; Você pode exibi -los conforme necessário. Você pode personalizar a interface do usuário com modos escuros/claros e cores de destaque personalizadas. É uma interface do usuário nova e profissional para uma nova era de design.

Tudo é fácil de ler. Isso pode parecer uma pequena atualização, mas quem passou horas projetando em uma interface apertada sabe quanto isso importa.

A visualização das camadas e a alternância de raios-X ajuda você a entender seus projetos em páginas visualmente complexas.

A exibição de Wireframe, um clássico Divi, permite que você veja sua página de uma perspectiva estritamente de layout sem renderizar os detalhes do design.

8. pontos de interrupção personalizáveis

Em vez de três pontos de interrupção fixos, agora você tem sete. Todos os sete são personalizáveis, o que significa que você pode personalizar os tamanhos da tela para cada ponto de interrupção. Você pode defini-los como valores tradicionais do ponto de interrupção ou adotar uma abordagem de design e personalizá-los para atender às necessidades do fluxo e design do seu site.

A verdadeira vantagem? Eles são integrados ao editor e facilmente acessíveis. Você não precisa deixar seu fluxo ou cavar em três ou quatro menus em ambientes nas configurações do local para usá -los. Você pode testar e ajustar os estilos específicos do ponto de interrupção diretamente na tela.

Não é revolucionário, mas é mais suave, mais direto e mais amigável para os designers. Ao contrário do WPBakery ou do editor de blocos nativos, o Divi 5 oferece controle total sobre pontos de interrupção responsivos, sem tocar em uma linha de código.

Ainda não terminamos (mas já estamos avançando)

Divi 5 não está no litoral. Está acelerando. Ainda não está completo, mas já estamos fazendo com que o Divi possa recuperar o atraso e saltar a competição. Os sites existentes podem querer esperar a versão beta pública antes de atualizar, mas informaremos que nosso sistema de migração começa a lidar com a compatibilidade com versões anteriores perfeitamente para módulos de terceiros e outros.

Reconstruímos a coisa toda, removemos nossas limitações anteriores, enviamos um novo recurso a cada duas semanas e estamos apenas começando. Aqui está um vislumbre do que está por vir:

Uma nova era para sistemas de cores com divi

O sistema de cores da Divi está recebendo uma atualização.

Estamos adicionando suporte total à criação de cores baseada em HSL. Isso significa que os valores de matiz, saturação e leveza podem ser ajustados programaticamente em todo o seu design. Você poderá criar cores relativas - como “cor primária, 20% mais leve” - que sincronizam lindamente com a paleta global da sua marca. Esta é uma expansão de nosso gerenciamento global de cores e adição de um gerente de variável de design, e achamos que você vai adorar usá -lo.

Layouts com flex

Em breve, você poderá projetar qualquer layout que imaginar usando novos modelos de linha, controles de coluna, alinhamento vertical, embalagem e ferramentas de espaçamento - todas alimentadas pelo FlexBox. Ele simplificará a estrutura do layout, eliminará a necessidade de "seções especializadas" e trará nova flexibilidade para todas as partes da sua página.

Combine isso com linhas aninhadas e você pode criar layouts totalmente responsivos e profundamente personalizados com menos código e melhor desempenho.

Divi está se movendo rápido

Lançamos novos recursos incríveis, a velocidade da Divi aprimorada e fizemos tudo em um editor moderno e flexível.

E agora, com cores HSL e Flexbox no convés (e outros recursos sem aviso prévio), estamos dando aos designers as ferramentas que eles estavam esperando.

NOTA: O Divi 5 está pronto para ser usado em novos sites, mas não recomendamos a conversão de sites existentes para o Divi 5 ainda.