Hoje vou falar sobre os novos recursos do Tema Divi : Dimensionamento arrastável para Divi. Esta nova inovação da UI permite ajustar rapidamente a largura, altura, margem e preenchimento de qualquer módulo, linha ou seção. Em vez de passar pelo painel de configurações e inserir manualmente os valores de dimensionamento, você pode arrastar para ajustar os elementos diretamente na página e ver os resultados instantaneamente. É rápido, fácil e realmente aproveita a tecnologia Visual Builder da Divi para oferecer a melhor experiência de construção possível.

Controle sobre a largura, altura e espaçamento de cada elemento

Agora é fácil controlar o tamanho e a posição de cada módulo, linha e seção da sua página com a interface totalmente nova, que é móvel em largura, altura, margem e preenchimento.

Larguras e alturas ajustáveis

Ajustar o tamanho no Divi agora é fácil com a adição de algumas melhorias sutis na interface do usuário que adicionam pequenas âncoras móveis a todos os elementos fáceis de usar, sem atrapalhar a construção. Para ajustar a largura ou altura de qualquer módulo, linha ou seção, simplesmente passe o mouse sobre um dos quatro lados do elemento e arraste-o para um lado ou para o outro.

Você também encontrará novas configurações de largura, altura, largura máxima e altura máxima no grupo de opções de dimensionamento de todos os elementos Divi. Aqueles que ultrapassam as larguras ou alturas estáticas que você definiu. Essas novas opções de altura e largura oferecem maior flexibilidade no tamanho dos elementos da sua página e na forma como o tamanho de cada elemento muda conforme ele muda. conteúdo aumentos internos. Isso também permite criar designs mais responsivos de maneira intuitiva usando uma combinação de valores de largura e largura máxima, acompanhados por novas configurações de overflow no grupo de opções "Visibilidade" que podem ser usadas para determinar a visibilidade de conteúdo

Margem e acolchoamento ajustáveis

Você também pode arrastar rapidamente para ajustar o preenchimento superior, inferior, esquerdo ou direito e os valores de margem de cada módulo, linha ou seção. Você pode até arrastar para adicionar novos valores de margem e preenchimento com a adição de âncoras arrastáveis ​​úteis que deslizam pela visualização conforme você se aproxima da borda de um elemento.

Para adicionar preenchimento dentro de um item, simplesmente passe o mouse sobre uma das bordas e arraste a âncora para aumentar ou diminuir o preenchimento nesse lado. Para adicionar uma margem ao exterior de um elemento, passe o mouse sobre a borda externa e arraste a âncora de acordo. Você pode até arrastar para adicionar margem negativa para criar efeitos em camadas e ajustar itens fora de sua grade de coluna.

Novos controles de largura, altura e estouro

A nova interface móvel de largura e altura é acompanhada por uma série de novos controles de largura, altura e transbordamentos nos painéis de configurações de todos os módulos, linhas e seções. Você pode encontrar essas novas opções nos painéis Design> Dimensionamento et Avançado> Visibilidade . Essas configurações permitem que você crie máscaras de recorte e áreas de rolagem em sua página. As novas configurações incluem:

  • o tamanho
  • Altura Mínima
  • Largura máxima
  • Largura mínima
  • Estouro horizontal
  • Estouro vertical

Projetos exclusivos com margens negativas

A interface de dimensionamento arrastável não só torna o design da página mais fácil, mas também permite que você crie novas coisas criativas usando margens negativas e larguras estáticas. Margens negativas podem ser usadas para puxar elementos em qualquer direção, permitindo que você os liberte de seus contêineres pais e crie divertidos efeitos sobrepostos. As larguras estáticas também permitem que você liberte elementos da estrutura rígida de sua coluna pai.

O novo recurso de dimensionamento arrastável não apenas adiciona um conjunto realmente útil de novos parâmetros, mas também estende a natureza do Visual Builders como uma ferramenta WYSIWYG (What You See Is What You Get) para tornar sua experiência de construção site da Web ainda mais agradável. A calibração ajustável está disponível hoje, então baixe o Divi e experimente. Deixe-nos saber o que você pensa nos comentários e não se esqueça de voltar na próxima semana para conferir ainda mais dos ótimos recursos do Divi.