Revelando a nova interface do Divi 5

Estou de volta com outra atualização do Divi 5 e, desta vez, estou animado para dar uma olhada na nova interface do Divi 5. Ainda não está terminado, mas ainda há muito para explorar.

Assista ao vídeo para ver mais de perto.

A nova interface Divi 5

Divi 5 está ganhando um novo visual. Funciona da mesma maneira que sempre, então não se preocupe com a nova interface deixando você confuso. Tudo vai parecer muito familiar. Não mudamos o que você pode fazer com o Divi, mas esperamos que você goste ainda mais de fazer o que faz com uma interface mais rápida e menos complicada.

Uma interface mais rápida e eficiente

Divi 5 representa velocidade e eficiência brutas; a IU deve atender a esses objetivos. A primeira coisa que você notará sobre o Divi 5 é que ele é extremamente rápido. Não há absolutamente nenhum atraso ao passar o mouse, clicar, editar e mover itens, e ele pode lidar com páginas extensas como nunca antes. Também removemos todas as animações porque não queremos que nada o atrapalhe.

Uma interface que não atrapalha seu caminho

Reduzimos o espaço ocupado pela interface para dar aos seus designs mais espaço para respirar. Você pode encaixar vários painéis menores na lateral do navegador sem que eles se sobreponham ao seu conteúdo ou atrapalhem.

No exemplo acima, tenho meu painel de camadas encaixado à esquerda e meu painel de configurações encaixado à direita. O painel de configurações é preenchido automaticamente conforme clico na página e, quando edito algo, o feedback é instantâneo.

Uma interface totalmente personalizável

O Divi 5 oferece muito mais controle sobre o layout do construtor. Você pode encaixar, desencaixar ou combinar painéis em janelas com guias. Se você preferir ter todas as janelas fechadas e um painel de configurações flutuante como o Divi 4, essa também é uma opção.

Uma interface mais fácil do que nunca de navegar

Com o modo de clique como modo de interação padrão, um painel de camadas menores que você sempre pode deixar aberto e novas trilhas em cada painel de configurações, navegar na página é mais fácil do que nunca. Você não terá dificuldade para encontrar ou clicar em qualquer coisa que queira editar.

Ainda precisamos fazer melhorias e adicionar peças que faltam, mas essa prévia deve dar uma boa ideia do que esperar quando lançarmos o Alfa Público nos próximos meses.

O que conquistamos este mês

Também fizemos muitas outras coisas no mês passado. Construir a nova interface foi relativamente simples. Todo o trabalho principal está acontecendo nos bastidores, onde estamos construindo uma base sólida que servirá a comunidade por muitos anos, o que envolve o redesenvolvimento completo de todos os principais recursos e módulos do Divi.

Atualmente, estamos na fase Dev Beta (na qual você pode participar se for um desenvolvedor de módulos Divi), o que significa que concluímos a nova estrutura e agora estamos reconstruindo tudo nessa estrutura.

Corrigimos mais bugs, escrevemos mais documentos para desenvolvedores e convertemos vários módulos, como controle deslizante de postagem, blog, navegação de postagem, portfólio filtrável, menu de largura total e portfólio de largura total.

Cada vez que finalizamos um novo recurso ou módulo, estamos um passo mais perto do Alfa Público, onde queremos ter recursos e módulos mais populares do Divi prontos para tornar a primeira versão utilizável por um público amplo.

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

• Adicionado módulo Post Slider para Divi 5
• Adicionado módulo de menu Fullwidth para Divi 5
• Adicionado módulo Fullwidth Post Title para Divi 5
• Adicionado aprimoramento sinalizado por recurso para frames de aplicativos.
• Implementado advancedStyles na declaração de estilos de módulo PHP para código, áudio, contador de círculo, coluna, cronômetro de contagem regressiva, divisor, cabeçalho de largura total, imagem de largura total, cabeçalho, ícone, call to action, botão, contadores de barras, acordeão, título de postagem, portfólio, contador de números , mapa
• Adicionado módulo Blog para Divi 5
• Adicionado aprimoramento sinalizado por recurso para frames de aplicativos.
• Adicionado módulo de portfólio filtrável para Divi 5
• Adicionado módulo Fullwidth Portfolio para Divi 5
• Adicionado módulo de pós-navegação para Divi 5
• Implementado advancedStyles na declaração de estilos de módulo VB para módulos de seção, mapa de largura total, título, menu, barra lateral, acompanhamento de mídia social, guias, membro da equipe, depoimento, texto, alternância, vídeo e controle deslizante.
• Configurações de módulo geradas automaticamente integradas para painel de configurações para módulos como cronômetro de contagem regressiva, contador de círculo, código, botão, sinopse, divisor, áudio, sinopse, código e título.
• Atualizada a exportação de 'SyncGlobalLayoutAttributes' para ser um tipo em vez de um objeto.
• TypeDocs: Adicionado pacote @divi/modal-library ao gerador TypeDocs.
• TypeDocs: Documentação atualizada para funções de armazenamento de dados no pacote @divi/modal-library.
• TypeDocs: Adicionado pacote @divi/page-settings ao gerador TypeDocs.
• TypeDocs: Documentação atualizada para funções de armazenamento de dados no pacote @divi/page-settings.
• Desenvolvi módulo Fullwidth Portfolio em VB e FE em D5.
• TypeDocs: Adicionado o pacote @divi/keyboard-shortcuts ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/object-renderer ao gerador TypeDocs.
• TypeDocs: Adicionado o pacote @divi/mask-and-pattern-library ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/middleware ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/modal ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/modal-snap-indicator ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/draggable ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/numbers ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/error-boundary ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/events ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/help ao gerador TypeDocs.
• TypeDocs: Documentação atualizada para funções de armazenamento de dados no pacote @divi/help.
• TypeDocs: Adicionado pacote @divi/history ao gerador TypeDocs.
• TypeDocs: Adicionado o pacote @divi/hooks ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/icon-library ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/global-layouts ao gerador TypeDocs.
• TypeDocs: Documentação atualizada para funções de armazenamento de dados no pacote @divi/global-layouts.
• TypeDocs: Adicionado pacote @divi/fonts ao gerador TypeDocs.
• TypeDocs: Documentação atualizada para funções de armazenamento de dados no pacote @divi/fonts.
• TypeDocs: Documentação atualizada para o pacote @divi/module.
• TypeDocs: Adicionado pacote @divi/data ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/divider-library ao gerador TypeDocs.
• Adicionados TypeDocs para o pacote @divi/context-library.
• TypeDocs: Adicionado pacote @divi/conversion ao gerador TypeDocs.
• TypeDocs: Adicionado pacote @divi/constant-library ao gerador TypeDocs.
• TypeDocs: Documentação atualizada para o pacote @divi/field-library.
• Implementado advancedStyles na declaração de estilos de módulo VB para… módulos.

Em breve: Divi Layouts AI!

Isso é tudo para a atualização do Divi 5 deste mês. Em outras notícias, teremos um novo recurso Divi AI que será lançado em breve e estou entusiasmado. Já criamos ferramentas de IA para geração de texto, imagem e código. A seguir, estamos reunindo tudo para permitir que você gere layouts inteiros com IA. Nota: a geração do layout foi acelerada no vídeo a seguir.

Basta dizer ao Divi AI que tipo de página você deseja e ele construirá o layout, gerará as imagens, escreverá o conteúdo e personalizará as fontes e cores. Em questão de segundos, você tem uma página inteira pronta e pode acessar as configurações de design do Divi para dar os retoques finais ou usar as ferramentas de IA do Divi para refinar ainda mais os resultados.

Fique atento para mais atualizações

Fique ligado no lançamento do Divi Layouts AI e não se esqueça de voltar no próximo mês para outra atualização do Divi 5. Siga-nos por e-mail e assine nosso YouTube para não perder nada, e nos vemos no próximo.