Divi 5 acaba de lançar seu mais novo recurso: Extend Attributes. Ele permite que você faça alterações significativas no design das suas páginas com apenas alguns cliques.
Neste artigo, você vai entender o que é, como funciona e por que esse recurso é indispensável para quem usa o Divi 5. Seja para um blog pessoal ou para gerenciar sites de clientes, o Extend Attributes promete agilizar seu processo e elevar o nível dos seus projetos.
Atenção: O Divi 5 já pode ser utilizado em novos sites, mas ainda não é recomendado converter sites antigos para essa versão.
Índice
- O que é o Extend Attributes no Divi 5?
- Como funciona o Extend Attributes
- Principais benefícios do Extend Attributes
- Exemplos práticos de uso
- Experimente o Extend Attributes do Divi 5
1. O que é o Extend Attributes no Divi 5?
O Extend Attributes permite propagar elementos de design específicos — como estilos, presets ou conteúdos — de um elemento para outros em uma coluna, linha, seção ou até na página inteira. Seja para ajustar fontes, cores ou sincronizar conteúdos entre módulos, esse recurso economiza tempo e garante consistência visual. Trata-se de uma versão ampliada e aprimorada do antigo “Extend Styles” do Divi 4.
Com o Extend Attributes, basta clicar com o botão direito em qualquer elemento no Visual Builder do Divi e selecionar a opção no menu. Você escolhe exatamente quais atributos deseja aplicar: tipografia, espaçamento, bordas, sombras ou até conteúdos como textos e imagens.
Depois, define o escopo da alteração — se será para todos os elementos semelhantes, apenas em seções específicas ou linhas selecionadas. Esse controle detalhado facilita tanto mudanças amplas quanto ajustes pontuais, tudo de forma intuitiva.
O que pode ser estendido com o recurso:
- Atributos de Design
- Atributos de Estilo
- Atributos de Conteúdo
- Atributos de Preset
Tudo que foi modificado em um elemento pode ser replicado para outros!
2. Como funciona o Extend Attributes
O Extend Attributes foi desenhado para tornar as mudanças de design rápidas e intuitivas, permitindo atualizar múltiplos elementos de uma só vez. Veja como usar:
- Clique com o botão direito sobre qualquer módulo no Visual Builder.
- Selecione Extend Attributes no menu.
- Um painel será exibido para você escolher os atributos específicos (como estilos, presets ou conteúdo).
- Defina onde aplicar: em todos os elementos semelhantes, na coluna, linha, seção ou página inteira.
- Confirme as escolhas e as alterações serão aplicadas instantaneamente.
Conhecendo a Interface
A interface do Extend Attributes é intuitiva e poderosa. Veja os principais campos:
Origem do Elemento
Escolha de qual elemento os atributos serão estendidos. Basta clicar com o direito e selecionar, ou escolher no dropdown do painel.
Local de Aplicação
Defina onde as alterações serão aplicadas: coluna, linha, seção ou página inteira. Isso evita mudanças indesejadas em outras áreas do site.
Tipo de Elemento
Você pode aplicar os atributos a tipos específicos de módulos (como botões, textos etc.) ou a categorias mais amplas.
Tipo de Atributo
É possível estender estilos, conteúdo, presets ou uma combinação deles.
Grupo de Opções
Para ainda mais precisão, selecione grupos específicos de opções, como estilos de botão ou configurações de formulário.
Campos Modificados
Se quiser estender apenas um campo (por exemplo, só a cor de fundo de um botão), basta selecionar esse campo específico.
3. Principais Benefícios do Extend Attributes no Divi 5
1. Economia de Tempo
Faça alterações em massa com poucos cliques, sem precisar editar módulo por módulo. Por exemplo, mudar o fundo de todas as tabelas de preços da página pode ser feito em segundos.
2. Consistência Visual
Mantenha a identidade visual do site, propagando estilos, presets ou conteúdos de forma uniforme e profissional.
3. Flexibilidade e Controle
Escolha exatamente o que e onde alterar, desde ajustes pontuais até mudanças globais.
4. Fácil para Todos os Níveis
A interface é acessível tanto para iniciantes quanto para desenvolvedores avançados — não exige conhecimento em código.
5. Mais Criatividade
Teste rapidamente novas ideias de design ou leiaute, sem medo de perder tempo revertendo alterações.
4. Exemplos Práticos de Uso do Extend Attributes
Veja como o recurso pode ser útil no dia a dia:
- Atualização de Branding: Mudou a cor dos botões da marca? Selecione um botão, ajuste a cor e estenda para todos os outros em minutos.
- Padronização de Templates: Aplique um estilo de borda, fundo ou fonte em todos os módulos de depoimento de uma vez só.
- Atualização de Conteúdo: Troque um texto repetido (como “Fale Conosco”) em todos os botões de contato do site de uma só vez.
- Design Responsivo: Ajuste o tamanho das fontes de todos os títulos para dispositivos móveis em apenas uma ação.
5. Experimente o Extend Attributes do Divi 5
O Extend Attributes aumenta a eficiência e a flexibilidade no design web. Permite estender estilos, presets e conteúdos entre elementos, economizando tempo, garantindo consistência e estimulando a criatividade.
Pronto para testar? Baixe o Divi 5 Public Alpha para novos sites e veja como esse recurso pode transformar sua rotina de trabalho. Compartilhe suas experiências, dúvidas ou dicas nos comentários — ou conecte-se nas redes sociais!
Dica: O Divi 5 está pronto para novos sites, mas ainda não recomendamos a migração de sites antigos.
Deixe seu comentário abaixo!
Deixe um comentário