Estender atributos no divi 5 vs estender estilos no divi 4

Os estilos de extensão do Divi 4 foram um passo em direção ao design mais fácil. Ele permite que você pegue o estilo de um elemento e aplique -o a outros elementos na sua página. Estender os estilos cobriam o básico: cores, fontes, espaçamento, você escolhe. Mas funcionou apenas para atributos baseados em estilo, daí o nome.

O Divi 5 traz uma atualização cirúrgica chamada Extend Atributes. Ele copia não apenas parece, mas também conjuntos de opções - conteúdo, predefinições e estilo - em qualquer outro lugar da mesma página. Um clique com o botão direito do mouse, um painel, Deja Vu instantâneo para cada elemento correspondente (da melhor maneira).

Estilos vs atributos

Para entender as diferenças (e semelhanças) do recurso atualizado, você precisa apreciar o que os estilos de extensão no D4 foram.

Legacy estende estilos em divi 4

Para estender um estilo no Divi 4, você clicaria com o botão direito do mouse em um elemento estilizado, selecionaria "estender estilos" e escolher seu alvo. Este método funciona com rapidez suficiente para tarefas simples de estilo.

Os estilos de extensão resolveram algumas dores e eram uma característica altamente popular. A pedido da comunidade, implementamos -o no Divi 5.

No entanto, a especificação original do recurso impediu você de estender facilmente as configurações além dos elementos simples de design no mesmo tipo de módulo, o que significa que você ainda tinha um trabalho repetitivo.

Apenas uma configuração para configurar no divi 4

Digite os atributos de extensão no divi 5

Não contente em descansar sobre os louros, queríamos pegar esse recurso amado e 10x. Os atributos de extensão pegam as melhores partes dos estilos de extensão e ampliam massivamente seu escopo e usabilidade. Você pode dizer apenas no menu do clique com o botão direito do mouse.

Em vez de apenas aplicar estilos visuais, os atributos de extensão permitem a propagação de quase qualquer configuração de módulo que você possa imaginar. Estamos falando de campos de conteúdo, interações, comportamentos de animação, predefinições e sim, estilos ainda.

Mas agora, com esse alcance mais amplo, você obtém o tipo de controle e poder que pode ir à sua cabeça.

Tipos de atributo que você pode propagar

No Divi 5, a gama de atributos que você pode estender vai muito além das cores e da tipografia. Você pode propagar/estender:

• Conteúdo (texto e imagens de seus módulos)
• Configurações de estilo (espaçamento, interações, cores, etc.)
  • Estender um único estilo ou um grupo de estilos inteiros
• Predefinições (grupo de opções ou predefinições de elementos)

Controles de escopo: do módulo para qualquer lugar da página

Portanto, os atributos de extensão podem usar tudo em configurações de elemento, mas sua função "estender" também é criada para fazer mais. O Divi 5 oferece as opções de escopo para definir até onde você deseja estender seus atributos:

1. Estender -se aos mesmos tipos diferentes de elementos/módulos
2. Estenda -se a elementos selecionados anteriormente na mesma seção, linha ou coluna, ou escolha elementos infantis específicos

Essa precisão direcionada significa que você nunca está substituindo sem querer configurações. Quer que cada botão em uma única página tenha o mesmo texto do CTA? É fácil.

Você precisa de todos os ícones em uma única seção para combinar perfeitamente? Faz isso também, se você usa estilos estáticos, predefinições ou uma mistura de ambos.

Estender atributos + divi 5 combinações de poder

Estender a vantagem principal dos atributos sobre os estilos de extensão é que ele faz mais. É uma extensão lógica dos antigos estilos de extensão. No Divi 4, você teve que revisitar os módulos individualmente para ajustes além dos estilos básicos. Divi 5 permite estilizar um módulo e aplicar instantaneamente seus atributos em outros lugares.

É muito menos se abaixando nos painéis de edição e verificando as configurações individuais. ATRIBUTOS ESTENDENTES significa menos erros, ajustes mais rápidos e consistência muito aprimorada em todo o site.

A melhor parte é que você tem opções. Várias ferramentas relacionadas podem ajudá -lo a realizar o trabalho, dependendo de suas necessidades específicas.

Atributos de copiar/colar para correções de ponto

O Divi 5 também possui atributos de copiar e colar, que é uma maneira um pouco mais manual de fazer a mesma coisa.

Você pode se encontrar buscando cópia e colar quando um elemento já estilizado e o elemento de estilo a ser visto são visíveis na viewport. O Extend Styles é melhor (e mais rápido) quando vários elementos precisam ser estilizados de uma só vez e se esses elementos estiverem espalhados ao longo da página.

Encontre e substitua para as sobras

Mesmo após um grande passe de extensão, você pode notar pontuais estranhos-talvez um peso de fonte desonesto dentro de um módulo abaixo da página. Use o Find & Substituir para limpar os retardatários.

Os atributos de extensão e a combinação de localização e substituição oferecem alterações amplas no nível da página que fazem grande parte do levantamento pesado.

Predefinições como a fonte da verdade

Os designers mais rápidos configuram o elemento e as predefinições do grupo de opções. Eles são fáceis de aplicar individualmente ou através de atributos de extensão (já que as predefinições são um atributo extensível).

Qualquer ajuste para as cascatas posteriores predefinidas em todos os módulos que você tocou com atributos de extensão. Seu futuro eu agradecerá.

Atualizar e testar o divi 5 hoje

Não há melhor tempo para experimentar estender atributos para si mesmo. Se você ainda está executando o Divi 4, está perdendo melhorias substanciais de produtividade. Os atributos do Extend é apenas um exemplo dos recursos mais amplos e mais inteligentes da Divi 5, transformando a rapidez e consistência que você pode entregar sites aos seus clientes (ou ir ao mercado com seu próprio site).

Mergulhe no alfa público do Divi 5 para ver os atributos de extensão em ação. Seus sites atuais permanecem seguros - o Divi 5 mantém a compatibilidade total. Você não tem nada a perder e eficiência significativa a ganhar.

Atualize agora e suba seu fluxo de trabalho com o Divi 5. Sua produtividade (e sanidade) agradecerá.