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.