Atualização de progresso do Divi 5: explorando a extensibilidade do Divi 5

Estou de volta com outra atualização de progresso do Divi 5. Se você não estiver familiarizado com o Divi 5, confira nosso post de anúncio original. Para resumir, estamos recriando o construtor no Divi 5 desde o início, com foco em desempenho, estabilidade, escalabilidade e extensibilidade. Ele não virá com muitos novos recursos, mas será muito mais rápido e capaz, e dará à nossa equipe e à comunidade as ferramentas de que precisamos para começar a funcionar com novos módulos e recursos fantásticos.

No mês passado, fiz uma demonstração do Divi 5 Visual Builder para mostrar sua velocidade ultrarrápida, portanto, se você perdeu o vídeo, não deixe de conferir.

Discutirei a extensibilidade do Divi 5 e farei uma demonstração rápida na atualização deste mês. Mas primeiro, vamos falar sobre o que nossa equipe tem feito no último mês.

O que realizamos neste mês

Fizemos muitos progressos no mês passado. Estamos nos aproximando do lançamento do Divi 5 Dev Beta, a próxima fase do programa beta do Divi 5, e espero anunciar seu lançamento em minha próxima atualização.

Enquanto estamos na reta final, continuamos focados em simplificar o processo de criação do módulo para que os criadores da comunidade e nossa equipe possam criar módulos Divi 5 mais rapidamente. O trabalho que colocamos durante esta fase pagará dividendos nas fases seguintes, com o objetivo final de colocar as mãos no Divi 5 mais cedo.

Entradas do Changelog:

• Refatorado todos os módulos atualmente construídos para incorporar um novo e aprimorado sistema de atributos baseado em elementos.
• Função utilitária saveInlineEditorValue adicionada em packages/module-utils para armazenar valor do editor de texto embutido
• Função de utilitário canEditInline adicionada em packages/module-utils para verificar se o atributo do módulo pode ser editado em linha
• Adicionado onPaste Handler Event ao editor de texto embutido para processar dados da área de transferência
• Nomes de classe baseados em eventos do editor de texto embutido substituídos por seletores data-* (por exemplo: et-vb-editable-element–empty, et-vb-editable-element–html) no construtor.
• CSS atualizado para editor de texto embutido com seletores data-* (por exemplo: [data-et-vb-editable-element]).
• Editor de texto embutido atualizado para verificar se o módulo é editável e se o usuário tem permissão apropriada para editar
• Armazenamento de atalhos de teclado refatorado para desativar atalhos quando o editor de texto embutido está no modo de edição
• Adicionada funcionalidade de editor de texto embutido ao módulo de áudio para título
• Adicionada funcionalidade de editor de texto embutido ao módulo Blurb para título
• Adicionada a funcionalidade do editor de texto embutido ao módulo contador de barras para o título
• Adicionada a funcionalidade do editor de texto embutido ao módulo contador de círculos para o título
• Adicionado a funcionalidade do editor de texto embutido para o módulo de código para o conteúdo do código (HTML)
• Adicionada a funcionalidade do editor de texto embutido ao módulo de contagem regressiva para o título
• Adicionada a funcionalidade do editor de texto embutido ao módulo de cabeçalho de largura total para título e subtítulo
• Adicionada funcionalidade de editor de texto embutido ao módulo de código de largura total para conteúdo de código (HTML)
• Adicionada a funcionalidade do editor de texto embutido para o módulo de login para o título
• Adicionada funcionalidade de editor de texto embutido ao módulo contador de números para título
• Adicionada a funcionalidade do editor de texto embutido para o módulo de pessoa (membro da equipe) para nome e cargo
• Adicionada funcionalidade de editor de texto embutido ao módulo de tabela de preços para título, subtítulo, moeda, soma e frequência
• Adicionada a funcionalidade do editor de texto embutido ao módulo deslizante para o cabeçalho do slide
• Adicionada a funcionalidade do editor de texto embutido ao módulo de guias para o título da guia
• Adicionada funcionalidade de editor de texto embutido ao módulo de depoimento para autor, cargo e nome da empresa
• Adicionado a funcionalidade do editor de texto embutido para alternar o módulo para o título
• Adicionada a funcionalidade do editor de texto embutido à exibição de estrutura de arame para rótulos de administrador de módulo
• Funcionalidade do editor de texto embutido atualizada para definir o texto padrão quando o atributo do módulo é editado com valor vazio (por exemplo, rótulos de administrador no modo de exibição de estrutura de arame)
• Casos de teste adicionados para garantir que o modo de edição do editor de texto embutido não seja ativado para o módulo bloqueado
• Testes adicionados para todos os módulos que usam o editor de texto embutido para garantir que funcione conforme o esperado.
• Adicionados componentes básicos InlineRichTextEditorContainer e InlineRichTextEditor no construtor para edição em linha de Rich Text.
• Introduziu a classe ElementInnerContent, uma versão simplificada da classe MultiViewElement.
• Classe MultiViewScriptData aprimorada.
• Adicionado filtro personalizado e gancho no script FE de conteúdo responsivo.
• Introdução da classe MultiViewElement.
• Conteúdo Dinâmico: Novo formato de valor de Conteúdo Dinâmico: `$variable(JSON_VALUE)$`.
• Conteúdo dinâmico: introduziu a nova funcionalidade de conversão de atributos para atributos de conteúdo dinâmico.
• Conteúdo Dinâmico: Introduzida a renderização inicial de Conteúdo Dinâmico na parte do front-end.
• Nova abordagem no processamento de valores de conteúdo dinâmico. Os valores do Conteúdo Dinâmico serão processados ​​no analisador de bloco antes que o documento seja analisado na lista de estruturas de bloco.
• Portou novamente o código para resolver os valores de campo personalizados e integrados do Conteúdo dinâmico com base no nome e nas configurações do campo.
• Portou novamente o código para gerar os campos integrados e personalizados de Conteúdo dinâmico com base em diferentes condições.
• Conteúdo Dinâmico: Introduzida a renderização inicial de Conteúdo Dinâmico em VB
• Conteúdo dinâmico: Funcionalidade integrada de conteúdo dinâmico na classe `ModuleElements`.
• Conteúdo dinâmico: implementou a funcionalidade de imagem de fundo dinâmica em VB.
• Conteúdo Dinâmico: Introduzida IU inicial de Conteúdo Dinâmico nas Configurações do Módulo em VB. No momento, isso está disponível como protótipo no texto de entrada do módulo de depoimento com suporte apenas na opção de conteúdo dinâmico `site_title`.
• Editor de RichText embutido: Adicionados os principais recursos de edição do TinyMCE ao componente de editor embutido de Rich Text
• Editor de RichText embutido: atualizado o editor de Rich Text embutido para recuperar o conteúdo editável e salvar o conteúdo editado.
• Module Attribute Refactor: Refatorar os atributos do módulo do ícone.
• Refatoração de atributos do módulo: Refatore os atributos do módulo de mídia social.
• Module Attribute Refactor: Refatora os atributos do módulo de vídeo.
• Module Attribute Refactor: Refatorar os atributos do módulo de pesquisa.
• Refatoração de atributo do módulo: refatorar os atributos do módulo de código de largura total.
• Refatoração de atributos do módulo: Refatorar os atributos do módulo Tabelas de preços.
• Refatoração de atributo do módulo: Refatorar os atributos do módulo acordeão.
• Refatoração de atributo do módulo: refatorar os atributos do módulo Mapa de largura total.
• Refatoração de atributos do módulo: refatorar os atributos do módulo deslizante de largura total.
• Module Attribute Refactor: Refatorar os atributos do módulo Map.
• Bugs relatados pela comunidade: Implementando o mecanismo de crédito do módulo. Adicione Credit em module.json para exibir o crédito do módulo.
• Bugs relatados pela comunidade: habilitar a tag selecionada na descrição do campo
• Opções de transição: adicionado componente de estilo de transição para todos os módulos que usavam ElementStyle.
• Elementos do Módulo: Apresentando a classe ModuleElements para simplificar a criação de elementos nos módulos de Áudio, Blurb, CTA e Testemunho.

Ilustrando a capacidade de extensão do Divi 5

Um dos aspectos mais essenciais do Divi 5 é sua extensibilidade. Quando falo sobre extensibilidade, estou falando sobre Divi 5 ser ágil e capaz de uma perspectiva de API e os muitos recursos exclusivos que podemos criar graças a essas melhorias. Também falei sobre alinhar o Divi 5 com o futuro do WordPress, remover códigos de acesso e integrar muitos dos pacotes de blocos do WordPress no Divi 5.

O que tudo isso significa para o futuro de Divi?

Pedi ao gerente de nossa equipe de desenvolvimento que encontrasse um pouco de tempo livre para preparar uma demonstração rápida que ilustre esses aspectos para que eu pudesse compartilhar algo divertido nesta atualização que seja visualmente representativo da extensibilidade do Divi 5. Ele criou o Módulo de Bloco Automático. Um módulo que transforma cada bloco Gutenberg em um módulo Divi, sobrecarregando-os com a ampla gama de configurações de design do Divi e permitindo que você misture módulos e blocos na mesma página!

O módulo de bloco captura elementos HTML do bloco e gera dinamicamente grupos de opções que oferecem controle total sobre seu design. Você também pode gerar novos grupos de opções em tempo real, direcionando e personalizando qualquer elemento.

Embora tenhamos criado este módulo de blocos por diversão, e ele não está nem acabado nem polido, é uma demonstração maravilhosa do que podemos fazer com o Divi 5, e com relativa facilidade, graças à nova base que estamos criando.

Não é apenas fácil para nós, mas também para você e para a comunidade de desenvolvimento, graças à natureza aberta da API. Podemos até terminar este módulo de blocos e adicioná-lo ao Divi 5 como um recurso oficial. Mas, por enquanto, continuamos focados em progredir nas fases beta.

Divi AI está quase pronto!

Isso encerra a atualização Divi 5 deste mês. Em outras notícias, nossa primeira versão do Divi AI está quase pronta, o que permitirá gerar imagens extraordinárias do nada e escrever e melhorar o conteúdo com AI enquanto você trabalha no Visual Builder. Tenho me divertido muito jogando com a versão inacabada e estou ansioso para finalizá-la e enviá-la em breve!

Fique atento para mais atualizações

Prometi dar atualizações de progresso do Divi 5 todos os meses, e é isso que pretendo fazer! Não posso prometer que cada atualização será empolgante, mas tenha certeza de que estamos trabalhando o máximo que podemos para concluir este grande projeto. A cada dia nos aproximamos um pouco mais e a base Divi 5 fica um pouco mais forte. Em breve lançaremos o Divi 5 Dev Beta, o que significa que a base estará completa. A partir daí, é a todo vapor os recursos voltados para o usuário que você poderá testar no Alfa público ainda este ano.

Deixe um comentário se tiver alguma dúvida. Vejo você na próxima atualização!