Experimente a demonstração do Divi 5 Alpha hoje!

Estou de volta com outra atualização do Divi 5 e hoje tenho o prazer de anunciar que um site de demonstração do Divi 5 está disponível. Assim que concluirmos mais alguns recursos e resolvermos quaisquer bugs encontrados, lançaremos o Alfa Público, que você pode baixar e testar em seus sites. Enquanto isso, atualizaremos a demonstração a cada duas semanas e você poderá acompanhar.

Experimente a demonstração do Divi 5

Também configuramos uma nova página inicial para o Divi 5, onde você encontrará um link para o site de demonstração e uma lista de todas as minhas atualizações mensais do Divi 5.

Veja todos os detalhes no vídeo abaixo.

Explorando a demonstração do Divi 5

Você notará que a nova versão do Visual Builder está quase concluída. Alguns recursos ausentes incluem ações rápidas, localizar e substituir, predefinições, módulos WooCommerce e algumas opções de condição. Se algo estiver faltando na demonstração, não é porque o removemos; simplesmente ainda não foi adicionado.

Esta é uma compilação pré-alfa . Você encontrará bugs e peculiaridades na interface, muitos dos quais já estão em nosso radar. Se você notar um bug, relate-o à nossa equipe de suporte. Ainda estamos aprimorando as coisas, e o lançamento desta demo nos permite deixar o Alfa Público em uma forma ainda melhor antes de ir ao ar.

O que mudou no Divi 5?

Divi 5 parece um pouco diferente. Tudo funciona praticamente da mesma maneira que o Divi 4, mas há algumas mudanças a serem observadas.

1. Interface personalizável: Divi 5 oferece suporte a vários painéis, janelas de painel combinadas e configurações de encaixe personalizadas.
2. Edição responsiva mais fácil: em vez de permitir a edição responsiva no nível da opção, a edição responsiva é controlada no nível do aplicativo. Mude para qualquer visualização e as alterações feitas nessa visualização serão aplicadas automaticamente.
3. Novos modos de interação: Os modos de interação também são diferentes no Divi 5. Agora denominados “camadas de interação”, você pode selecionar quais camadas de elementos aparecem ao passar o mouse, incluindo opções de elementos, opções de elementos pais e contornos de elementos. Clicar em qualquer elemento abrirá seu painel de configurações. Você não precisa clicar duas vezes ou clicar no ícone de engrenagem. Todas as ações estão disponíveis clicando com o botão direito, então se você deseja ocultar tudo para simplificar a interface e evitar sobreposições, essa é uma opção viável.
4. Navegação intuitiva: também é mais fácil navegar na página, graças ao painel de camadas encaixadas e à localização atual no painel de configurações.
5. Desempenho incrível: o Divi 5 é muito mais rápido, o que você notará imediatamente. Além disso, não ficará atolado em designs grandes e complexos. Experimente clicar, duplicar coisas rapidamente e enlouquecer com configurações diferentes, e você verá como isso é rápido.
6. Uma interface simples e simplificada: A interface do Divi 5 é mais simplificada. É menor e mais eficiente. É mais ágil e desprovido de animações e efeitos desnecessários. Faltam os antiquados botões salvar e cancelar em cada painel. Ele também vem com um modo escuro. Você pode se sentir em casa com o design maior, mais lento e mais divertido do Divi 4, mas depois de se acostumar com o Divi 5, você apreciará seus novos pontos fortes.

Olhando para o futuro

As mudanças mais críticas no Divi 5 são aquelas que você não pode ver. Uma nova base nos bastidores torna o Divi mais capaz do ponto de vista do desenvolvimento, capacitando nossa equipe e a comunidade a criar novos recursos que não eram possíveis no Divi 4.

Assim que lançarmos o Divi 5, a verdadeira diversão começa porque avançaremos rapidamente, criando todos os recursos que sabemos que você deseja! Confie em mim; sabemos que você precisa de muitos recursos essenciais: construtor de loop, grades flexbox e CSS, acessibilidade aprimorada, mais módulos, menu melhor e opções de cabeçalho; está tudo no nosso radar e mal posso esperar para superar esse obstáculo para que possamos conseguir trabalho.

O que conquistamos este mês

A seguir, deixe-me apresentar nosso relatório mensal de progresso. Continuamos a aprimorar a nova interface e estendemos essas melhorias para outras áreas do Divi, dando ao Theme Builder, Theme Options, Role Editor e à Divi Library uma nova camada de tinta. Continuamos nossa missão de correção de bugs, corrigindo mais de 100 bugs adicionais e reduzindo a lista para algo gerenciável. Concluímos o Global Colors e a maior parte do Layers View e começamos a trabalhar em alguns recursos front-end restantes, incluindo Dynamic Assets e geração de arquivo CSS estático.

Também conectamos o Divi Cloud à nova versão da Biblioteca Divi, trazendo nossa pequena equipe Divi AI/Cloud para implementar esses recursos e ajudar o Divi 5 a cruzar a linha de chegada um pouco mais rápido.

Aqui estão as últimas entradas do changelog do Divi 5.

• Adicionado componente de seleção predefinida em VB.
• Adicionada classe de item predefinida ao elemento do módulo em VB.
• Correção da margem superior incorreta quando a barra de administração está desativada.
• Corrigido um bug na renderização de CSS, que fazia com que o CSS para pontos de interrupção e saída de estados não estivesse na sequência correta em alguns casos.
• Atualizado o estilo de entrada da fonte de upload.
• Corrigido erro ao salvar/visualizar qualquer módulo em VB.
• Corrigido erro ao salvar estilos pop-up.
• Dimensões modais e posicionamento do seletor de ícones expandido corrigidos.
• Corrigida a visualização das camadas sendo renderizadas várias vezes na barra lateral esquerda quando o botão direito> opção Ir para camada está sendo clicado em vários módulos.
• Defina Adicionar altura modal para ajustar automaticamente à altura da janela de visualização disponível.
• Corrigido um problema em que quando você não tem nenhuma/zero cores globais, o botão Adicionar cor não fica visível e, se você tem uma cor global, a cor fica oculta e apenas o botão Adicionar cor fica visível.
• Corrigido o problema em que a adição de cores globais resultava na desativação da interação/ratoeira da área do módulo.
• Corrigido problema de etiqueta de ação dinâmica para a aba de importação e exportação no modal de portabilidade.
• Corrigido o problema do painel de configurações em que o botão Ativar redirecionamento está desativado, mas o campo URL está visível.
• Corrigido o tamanho modal da camada transparente passada para o componente wrapper.
• Limpei alguns códigos dos bastidores ao salvar uma postagem/página
• Corrigido um problema em que a sincronização de cores globais era feita apenas no rascunho e não na publicação/visualização.
• Corrigido um problema em que as cores globais excluídas não eram removidas do layout ao salvar.
• Corrigido problema no seletor de cores na faixa de cores preto e branco.
• Corrigido: a abertura de modais altera os valores das configurações do módulo.
• Corrigido um problema em que, se você tivesse muitas cores globais, expandir a guia Cores salvas/recentes e, em seguida, abrir a guia de cores globais resultava em amostras de cores sobrepostas aos títulos das guias salvas/globais/recentes.
• Adicionados testes para a funcionalidade de copiar/colar da área de transferência para verificar se os valores de atributos de cores globais são copiados/colados.
• Adicionado suporte para o atributo showPlaceholderOnEmpty no componente de campo TextArea.
• Adicionada função para ocultar configurações no Módulo Blog quando o comprimento do conteúdo está definido como 'Mostrar conteúdo'.
• Corrigido quando o bug onde o usuário excluía uma coluna da visualização de camadas, ela era excluída.
• Corrigida a posição incorreta e imprevisível da barra de ferramentas do editor inline quando os usuários selecionam alguns textos no construtor.
• Corrigido um problema em que a opção “Mostrar Paginação” no Módulo Blog D5 não ocultava a paginação no front end quando desabilitada.
• Corrigido o problema em que a desativação da opção 'Mostrar trecho' no módulo D5 Blog não ocultava o trecho na visualização do Visual Builder.
• Corrigida a quebra de conteúdo responsivo devido à movimentação de @wordpress/hooks para dependências externas, registrando-o como uma dependência para o script multivisualização no FE.
• Corrigida sequência de atualização incorreta no campo rich text.
• Corrige o sublinhado de texto indesejado adicionado ao botão devido à ordem incorreta de renderização do estilo estático do estilo divi.
• Adicionados atalhos de página ausentes (salvar a página, salvar a página como rascunho, sair do construtor visual, abrir portabilidade, aumentar/diminuir zoom responsivo, alternar para o modo wireframe)
• Corrigida posição incorreta de portabilidade e salvamento na biblioteca modal quando aberto pela primeira vez.
• Corrigido o problema em que a redefinição dos estilos de foco redefinia os estilos da área de trabalho.
• Corrigido o problema em que o gradiente do botão parava no estado da área de trabalho e alterava o valor para aquele usado pela parada do gradiente de foco.
• Corrigida a ocultação da parte visível do elemento em sua posição original ao arrastar.
• Corrigida a ocultação/exibição do ícone de redefinição “Desativar ativado” com base em marcações/desmarcações visíveis.
• Atalhos de teclado corrigidos que não funcionavam corretamente.
• Corrigido o botão Redefinir que não funcionava com caixas de seleção.
• Adicione funcionalidade de colunas ausentes em seções especializadas.
• Adicionada opção de configurações do construtor para desativar a barra de administração
• Adicionada capacidade de rolar até o módulo descartado em VB após arrastá-lo e soltá-lo na visualização de camadas.
• Adicionada capacidade de rolar até o módulo descartado em VB após arrastá-lo e soltá-lo na visualização de camadas.
• Um botão de limpar layout foi adicionado à barra da página.
• Adicionada alternância do modo de cores na barra da página.
• A funcionalidade adicionada garante que o grupo de camadas seja expandido somente quando o módulo arrastado for o descendente correto do módulo.
• Adicionada funcionalidade para expandir a camada quando um usuário arrasta um módulo e passa o mouse sobre o grupo de camadas após 200 ms.
• Adicionada funcionalidade para destacar o módulo real no layout quando ele passa o mouse no modal Layers View.
• Adicionado mecanismo para declarar os atributos `default` e `defaultPrintedStyle` do módulo em seu próprio arquivo JSON.
• Adicionado mecanismo para extrair atributos que geram HTML, estilo e dados de script
• Adicionado botão da barra de páginas para sair do construtor visual
• Um botão na barra de páginas foi adicionado para visualizar o estado atual do construtor no front-end.
• Adicionada prevenção para garantir que a única coluna de uma linha não seja removida ou movida para outra linha.
• Adicionado protótipo de modal de configurações predefinidas
• Encaixe automaticamente a visualização das camadas na barra lateral esquerda ao ser aberta.
• Certifique-se de que o modal “Adicionar da biblioteca” agora apareça centralizado na área da página com largura e altura máximas iguais a 32px de qualquer borda do quadro em todos os quatro lados.
• Corrigido um bug no módulo Blurb para seletores de foco, fazendo com que os estilos não fossem renderizados em VB quando o estado de foco fosse selecionado.
• Corrigido um bug no Divi 5 onde os estilos de estado fixo não eram renderizados em VB ao selecionar o estado fixo nas configurações do módulo.
• Corrigida uma mensagem obsoleta no PHP 8.3 relacionada a propriedades dinâmicas.
• Corrigido um aviso de descontinuação do PHP no módulo Email Optin que ocorria no PHP 8.2+.
• Correção do rótulo de administrador não sincronizado dentro do modal Layers View quando alterado nas configurações do módulo ou no modo Wireframe.
• Corrigido um problema em que todas as postagens eram exibidas no Módulo Blog no Visual Builder, mesmo quando determinadas categorias eram selecionadas.
• Corrigido um problema em que a cor de fundo da sobreposição e o ícone da sobreposição não eram renderizados corretamente no front end.
• Correção da rolagem automática quebrada ao arrastar o módulo próximo à janela de visualização superior/inferior da janela
• Corrigida a cor de fundo do botão e a cor do texto do botão na conta de e-mail e nos campos de proteção contra spam no painel de configurações nos módulos Formulário de contato e Otimização de e-mail.
• Corrigida a seleção de ícone padrão no módulo de ícone quando ele é carregado inicialmente.
• Corrigida a exibição de conteúdo dinâmico nas configurações do título no elemento filho para módulos como um acordeão.
• Corrigido erro encontrado durante a execução do comando Yarn Test-Unit.
• Corrigido o nome incorreto da classe do módulo de depoimento
• Editor Inline Fixo Posição Fixa Incorreta.
• Corrigido o problema em que salvar o rascunho sempre publicava a página.
• Corrigido um problema em que alguns modelos e menus de seleção piscavam da posição inicial incorreta para a posição correta.
• Corrigido um problema em que as guias não eram exibidas no módulo Guias.
• Corrigimos o atraso no arrastar e soltar na visualização do wireframe
• Corrigidas classes de animação de imagem ausentes no Módulo Pessoa.
• Corrigidas dicas de ferramentas ausentes nas guias de fundo.
• Corrigida a ação das opções do módulo que não funcionava quando clicado; em vez disso, abre as configurações do módulo.
• Corrigido a exibição de espaço inferior extra no módulo Accordion no estado de foco.
• Corrigida a rolagem suave quando a camada é arrastada de baixo para cima.
• Corrigida a cor do texto no conteúdo do editor Richtext no modo escuro.
• Corrigido o problema de foco do ícone do módulo de sinopse.
• Corrigido o problema da zona de lançamento para a área inferior que fazia com que os módulos fossem descartados na parte inferior da lista de módulos da camada.
• Corrigido o problema de exibição de opções de módulo mesmo que o módulo de camada não estivesse mais pairando.
• Corrigido o problema que exibia imagens de galeria de baixa qualidade no módulo de galeria FE.
• Corrigida a atualização de nomes de colunas secundárias na configuração de linha e colunas reordenadas ao arrastar.
• Introduziu melhorias no componente Color Picker, permitindo mais extensibilidade e modularidade.
• Apresentando um novo componente base para campos de transformação, que resolve transformações CSS duplicadas.
• Manter o estado encaixado/desencaixado do modal para que ele seja reaberto com base em seu último estado fechado.
• O recurso de arrastar e soltar do módulo pode ser inicializado a partir de qualquer área de superfície do módulo.
• Remova o botão de saída da barra de administração
• Removido arrastável e redimensionável da carga do modal da biblioteca.
• Opções de módulo removidas da coluna da seção especializada no modal de visualização de camadas.
• Removido o seletor flutuante redundante para o módulo de login após a correção adequada do problema.
• Removido o atalho de teclado não utilizado.
• Substituiu o UX baseado em modo do Divi 4 por UX de camadas de interação.
• UI simplificada do construtor visual (componentes de campo e modais)
• Oculte temporariamente os botões de desfazer e refazer da barra de páginas até que o histórico seja desenvolvido
• Atualizado e refinado o recurso Global Colors, introduzindo um novo formato Global Color ID e melhor suporte para atributos de módulo.
• Usei variáveis ​​​​CSS para definir cores de visualização de camadas, substituímos o uso desnecessário de useSelect no componente Layer Drag Handle para otimizar o desempenho e usei consistentemente selectStore para nomear o seletor dentro do uso useSelect de Layers View.

Fique atento para mais atualizações

Isso é tudo para o relatório de progresso deste mês. Fique ligado para mais atualizações e não se esqueça de nos seguir por e-mail e se inscrever em nosso canal no YouTube para não perder nada. Divi 5 é um projeto vasto, mas voltarei mensalmente para mantê-los informados sobre nosso progresso.