Introdução ao gerenciamento de atributos para o divi 5

Estamos entusiasmados em lançar o gerenciamento de atributos para o Divi 5, que pode copiar, colar e redefinir seletivamente ou coletivamente os atributos entre os elementos. É o sistema de atributos mais abrangente para qualquer construtor!

Você pode copiar estilos, predefinições e conteúdo de um elemento e colá -los em outro. Você pode copiar atributos nos níveis de campo ou grupo e colá -los no nível do elemento.

Você pode até gerenciar seletivamente os atributos no nível do grupo através do menu do clique com o botão direito do mouse, permitindo que você, por exemplo, redefine certos aspectos ou partes de um elemento.

Você pode estar se perguntando o que tudo isso significa, então deixe -me mostrar como funciona.

Copiar, colar e redefinir atributos com facilidade

No Divi 4, você pode copiar, colar e redefinir estilos. No Divi 5, estamos levando o gerenciamento de atributos para um nível totalmente novo, com a capacidade de copiar, colar e redefinir todos os tipos de atributos (incluindo estilos, predefinições e conteúdo) com muito mais especificidade.

Essa é uma melhoria significativa, especialmente considerando o foco do Divi 5 no design baseado em predefinição.

Cópia de atributos

Clique com o botão direito do mouse em qualquer elemento e clique no botão Copiar atributos para copiar todos os seus atributos para sua área de transferência, incluindo predefinições, conteúdo e estilos modificados. Você pode copiar atributos de um módulo, grupo de opções, guia ou campo.

Depois que uma coleção de atributos for salva na sua área de transferência, você pode colá -los seletivamente ou coletivamente de várias maneiras.

Colar atributos

Clique com o botão direito do mouse em qualquer elemento e mouse sobre o menu de atributos de pasta para acessar as novas opções de colagem da Divi. Dependendo de quais tipos de atributos estão em sua área de transferência, você pode colar categorias diferentes de atributos. Os atributos relevantes serão mapeados para o elemento de destino, enquanto os atributos não suportados serão ignorados.

• Cole todos os atributos - cole todos os atributos, incluindo conteúdo, predefinições e estilos modificados que você copiou do elemento de origem.
• Atributos do design de pasta -Cole todos os atributos relacionados ao design, incluindo predefinições e estilos modificados, que você copiou do elemento de origem.
• Atributos do estilo pasta - Cole apenas os estilos modificados que você copiou do elemento de origem.
• Cole o conteúdo Atributos - Cole apenas os atributos de conteúdo que você copiou do elemento de origem.
• Pasta Predefinições - Cole apenas as predefinições que você copiou do elemento de origem.

Por exemplo, no vídeo abaixo, o conteúdo, os estilos e predefinições da sinopse são trazidos quando copio atributos de um módulo Blurb e uso a opção Pasta todos os atributos em um módulo Blurb diferente.

Como copiei tudo e colei tudo, criei essencialmente um módulo duplicado, mas é ilustrativo de como o sistema de gerenciamento de atributos funciona!

Por outro lado, se eu escolher a opção Pasta todos os atributos de design , apenas predefinições e estilos serão colados, deixando intactos os atributos de conteúdo original do módulo. Revisitando nosso exemplo anterior, você pode ver que a colagem dos atributos de design traz os estilos do módulo original sem substituir seu conteúdo no vídeo abaixo.

Colar atributos de grupo seletivo

A granularidade da colagem de atributos vai muito além, com a capacidade de colar seletivamente qualquer tipo de atributo em grupos de opções específicos através do menu de clique com o botão direito do nível superior.

Por exemplo, no vídeo abaixo, tenho uma predefinição de botão em um módulo de chamada à ação que gostaria de usar em um novo módulo de contato.

Em vez de abrir as configurações do módulo, navegar para o grupo de opções de botões e selecionar a predefinição desejada, posso copiar atributos do primeiro módulo e depois colar seletivamente a predefinição do botão usando o menu Presefets seletivas .

Redefinir atributos

O mesmo nível de controle está disponível ao redefinir atributos, permitindo redefinir tipos específicos de atributos rapidamente.

• Redefinir todos os atributos - redefina todos os atributos, incluindo conteúdo, predefinições e estilos modificados.
• Redefinir atributos de design -redefinir todos os atributos relacionados ao design, incluindo predefinições e estilos modificados.
• Redefinir atributos do estilo - redefinir apenas os estilos modificados.
• Redefinir atributos de conteúdo - Redefina apenas os atributos do conteúdo.
• Redefinir predefinições - redefinir apenas as predefinições.

Por exemplo, no vídeo abaixo, você pode ver que a redefinição de todas as predefinições removerá todas as predefinições do módulo, deixando intactos seu conteúdo e modificado.

Além disso, posso redefinir seletivamente diferentes tipos de atributos para grupos de opções específicos. Referindo -se ao meu exemplo anterior, onde copiei uma predefinição de botão de um módulo para outro, a redefinição dessa predefinição específica é igualmente fácil.

Eu posso redefinir seletivamente apenas a predefinição do grupo de opções de botão através do menu do clique com o botão direito do mouse.

Atributos de grupo, guia e campo

O mesmo nível de controle foi estendido ao menu do clique com o botão direito do mouse para grupos de opções, permitindo que você coloque e redefine categorias específicas de atributos seletivamente.

Novos atalhos de teclado

Para completar tudo, adicionamos atalhos de teclado para todas essas ações e os atalhos surgiram no menu do clique com o botão direito do mouse para facilitar o uso.

Tente divi 5 hoje

O gerenciamento de atributos do 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.

Peek sneak: cores relativas com HSL

Estamos construindo recursos rapidamente . Toda vez que terminamos um novo recurso, começamos um novo. Sempre que iniciamos um novo recurso, eu dado a você uma prévia.

Caso você tenha perdido, confira o recurso Sneak Peek da semana passada, onde eu mostrei cores relativas com HSL.

Estamos revisando o campo de cores da Divi e introduzindo suporte HSL com um foco refinado em variáveis ​​de cores. Usando novos controles de matiz, saturação e leveza, você pode criar facilmente cores relativas com base na paleta de cores global do seu site para projetar sistemas de cores matematicamente bonitos.

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ê está aqui para o retorno do Divi, informe -nos curtindo este vídeo.

No meu último anúncio de recurso, pedi que você nos ajudasse a vencer o recorde de 580 curtidas de todos os tempos, e fizemos com 680 curtidas! Você acha que podemos vencer de novo? Podemos quebrar 700 curtidas em duas semanas?

Entregue -nos uma mão e como este vídeo; É uma ótima maneira de ajudar a espalhar a notícia sobre os novos recursos do Divi 5 e manter o momento.

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.