Divi 5: Acabe com as Inconsistências de Design Usando Presets para Configurações Composáveis
Se você trabalha com WordPress e utiliza o Divi 5 como construtor visual, já deve ter enfrentado um cenário frustrante: você personaliza um módulo principal com uma paleta de cores e estilos, mas ao editar um sub-elemento — como um botão dentro de um módulo de depoimentos ou um título dentro de um módulo de galeria — as opções disponíveis são drasticamente reduzidas. Ajustes simples, como alterar a cor do texto ou o espaçamento interno, podem simplesmente não estar acessíveis.
Esse problema de inconsistência nas configurações de design não é um bug, mas sim uma limitação estrutural que o Divi 5 trouxe para otimizar o desempenho. No entanto, com um recurso poderoso chamado Presets, você pode habilitar as configurações composáveis por padrão em todos os módulos e sub-elementos, garantindo que nenhuma opção de estilo fique invisível ou bloqueada. Neste artigo, vou mostrar exatamente como fazer isso, com um passo a passo prático e dicas para evitar dores de cabeça.
O Que São Configurações Composáveis no Divi 5?
Antes de mergulharmos no uso de presets, é fundamental entender o conceito de configurações composáveis no Divi 5. Em resumo, são as opções de design que podem ser herdadas, combinadas ou sobrepostas entre módulos pais e filhos. Isso inclui cores, fontes, tamanhos, bordas, sombras e muito mais.
No Divi 5, a equipe do Elegant Themes reestruturou a arquitetura de configurações para melhorar a performance. Como consequência, nem todos os sub-elementos herdam automaticamente o painel de controle completo do módulo principal. Em alguns casos, o sub-elemento exibe apenas um subconjunto de opções, deixando de fora possibilidades que você usaria no dia a dia. É aí que os presets entram como salvadores da pátria.
“Composável significa que você pode compor e reutilizar configurações de design de forma flexível. Presets garantem que essa composição esteja sempre ativa.”
Por Que as Configurações Composáveis Não São Ativadas por Padrão?
O Divi 5 foi projetado para ser mais leve e rápido. Para isso, muitas funcionalidades de design avançado foram colocadas como opcionais, carregando apenas o necessário para cada elemento. Essa decisão de engenharia pode beneficiar sites simples, mas para quem cria layouts complexos ou precisa de controle granular, se torna um obstáculo.
Além disso, sub-elementos de módulos como Slider, Portfolio ou Testimonials possuem estruturas internas que, por padrão, não expõem todo o conjunto de configurações de design. A justificativa é evitar sobrecarga no editor e manter a interface limpa. Porém, na prática, você acaba tendo que abrir mão de personalizações ou recorrer a CSS customizado.
Com os Presets, você pode reverter esse comportamento sem comprometer a performance, pois eles ativam as configurações composáveis apenas nos módulos que você define, e não globalmente em todo o site.
Passo a Passo: Como Criar um Preset para Habilitar Configurações Composáveis
Vamos ao que interessa. Siga este roteiro para criar um preset que force a exibição de todas as configurações composáveis em sub-elementos. O processo é simples e leva menos de 5 minutos.
- Acesse o Divi Theme Builder – No painel do WordPress, vá em Divi > Theme Builder. Se você ainda não usa o Theme Builder, ative-o em Divi > Configurações do Tema > Gerais.
- Edite ou crie um modelo de layout – Clique em Adicionar Novo Modelo ou edite um existente (ex: Página Inicial). Você pode aplicar o preset a um modelo específico ou globalmente.
- Abra o módulo desejado no Divi Builder – Dentro do modelo, edite um módulo que contenha sub-elementos, como Slider, Accordion ou Price List.
- Vá para as Configurações Avançadas – No painel de configurações do módulo, clique na aba Avançado e depois em CSS ID & Classes.
- Ative os Composáveis via Preset – Role até encontrar a opção Habilitar Configurações Composáveis (pode estar sob o título Divi 5 Features). Marque como Sim. Esse é o passo crucial.
- Salve como Preset – No mesmo painel, clique no botão Gerenciar Presets (ícone de disquete ou texto). Dê um nome ao preset, como “Composável Completo”, e salve.
- Atribua o preset ao módulo – A partir de agora, sempre que você adicionar um módulo do mesmo tipo, poderá aplicar o preset Composável Completo com um clique, evitando repetir o processo manualmente.
Dicas para Gerenciar Seus Presets
Criar um único preset já resolve grande parte dos problemas, mas você pode ir além:
- Crie presets específicos para cada tipo de módulo (Slider, Accordion, Tabs) com configurações composáveis ativadas.
- Use presets em layouts globais no Theme Builder para que todas as páginas do site herdem as mesmas opções.
- Se você trabalha em equipe, compartilhe os presets via exportação/importação no Divi.
Como Aplicar o Preset Globalmente vs. Individualmente
Você tem duas abordagens principais para usar os presets que ativam configurações composáveis:
| Abordagem | Vantagens | Indicado para |
|---|---|---|
| Global – Atribuir o preset no Theme Builder (ex: modelo de Página, Post, Arquivo) | Consistência total, menos trabalho repetitivo | Sites com muitos módulos e equipe grande |
| Individual – Aplicar o preset módulo por módulo no builder visual | Controle seletivo, evita sobrecarga em módulos simples | Sites pequenos ou quando apenas alguns módulos precisam de opções completas |
Para a maioria dos usuários, a abordagem global é a mais eficiente. Basta criar um preset no modelo de layout do Theme Builder e aplicá-lo a todos os módulos daquele template. Personalize exceções manualmente.
Considerações Técnicas e Boas Práticas
Embora ativar configurações composáveis via preset seja seguro, vale observar alguns pontos:
- Performance: O Divi 5 é otimizado para carregar apenas as configurações visíveis. Ao ativar composáveis, mais opções serão carregadas no editor, o que pode causar um leve aumento no tempo de renderização. Em termos práticos, a diferença é imperceptível em máquinas modernas.
- Plugins de terceiros: Alguns plugins que adicionam módulos ao Divi (como Crocoblock ou Elementor em sites híbridos podem não respeitar os presets nativos. Teste antes.
- Backup: Sempre faça backup do banco de dados e arquivos antes de alterar configurações do Theme Builder.
Conclusão: Consistência e Produtividade com Presets no Divi 5
As configurações composáveis são um recurso essencial para designers que exigem controle total sobre cada pixel do layout. Com os presets do Divi 5, você elimina a frustração de encontrar opções faltando em sub-elementos e garante que todo o seu workflow de design seja fluido e consistente.
Agora que você sabe o caminho das pedras, que tal abrir seu WordPress, acessar o Divi Theme Builder e criar seu primeiro Preset Composável? Lembre-se: a consistência no design não só agrada o cliente como acelera seu processo de criação em até 30%.
Experimente, compartilhe este artigo com sua equipe e me conte nos comentários como foi sua experiência! Para mais conteúdos como este, continue acompanhando o blog e aprofunde-se em Desenvolvimento Web e WordPress.
