Divi 5 Guia para iniciantes: como dominar o básico

Se você ouviu falar sobre o Divi 5 e se perguntando sobre o estado atual, este guia para iniciantes Divi 5 é para você.

Divi 5 é o futuro do Divi Visual Builder, confiável e amado pelos usuários do WordPress. Reconstruído desde o início, o Divi 5 oferece desempenho mais rápido e uma experiência mais intuitiva. Ele combina tudo o que o Divi é conhecido em uma base moderna e escalável que facilita a web design para todos.

Neste post, levaremos você a tudo o que você precisa para começar e se sentir confiante em usar o Divi 5, seja você novo para dividir ou fazer a transição do Divi 4.

O Divi 5 está em seu estágio alfa, mas está pronto para ser usado em novos sites hoje.

O que é Divi 5?

Divi 5 é a versão mais recente do tema Divi WordPress, mas é mais do que uma atualização. É uma reconstrução completa da estrutura de construção de sites da Divi, projetada para fornecer controle criativo completo sem escrever código personalizado.

No coração do Divi 5, há um construtor visual mais rápido e modernizado. É mais leve, mais receptivo e elimina os problemas comuns que os usuários enfrentam no Divi 4, como tempos de carregamento lento, saída inchada e atraso do construtor. Tudo parece mais desagradável, mais suave e mais intuitivo.

Ele foi criado para ajudá -lo a passar da idéia para iniciar sem alternar ferramentas, escrever código ou perder tempo na configuração. Aqui está como:

• Um construtor visual em tempo real que responde mais rapidamente, parece mais leve e permite arrastar, soltar e personalizar com menos atraso e mais precisão. Teste para si mesmo aqui.
• Layouts Divi pré-projetados que ajudam a aplicar belos designs de páginas adaptados a diferentes indústrias e objetivos.
• Dezenas de módulos Divi que lidam com tudo, desde texto e imagens a controles deslizantes, galerias, formas, mesas de precificação e muito mais.
• Ferramentas de marketing como o Divi Leads para testes divididos, Bloom for Email Opt-Ins e Monarch para compartilhamento social.
• Opções avançadas de personalização, como predefinições, variáveis ​​de design e estilos globais, permitem manter seu design consistente e na marca.

O que faz o Divi 5 se destacar é o quão intencional é. Toda a experiência, do layout à interface ao desempenho, foi projetada para ajudá-lo a se mover mais rápido, manter-se organizado e desfrutar de um fluxo de trabalho sem código sem frustração.

É fácil fazer a transição do Divi 4 para o Divi 5?

Divi 5 é o sucessor do Divi 4, o que significa que é melhor. Portanto, se você está acostumado a dividir 4, a idéia de mudar pode parecer esmagadora. Mas vamos começar dizendo que o Divi 5 é construído com compatibilidade com versões anteriores . Isso significa que qualquer site da Divi 4 funcionará com o Divi 5.

O Divi 5 também mantém tudo o que você amou no Divi 4, mas apenas o torna melhor. A experiência geral intuitiva permanece familiar, então você poderá se familiarizar com o Divi 5 rapidamente. Vamos discutir algumas razões pelas quais você deve mudar de Divi 4 para Divi 5.

Divi 5 Builder oferece um desempenho mais rápido e otimizado

O Divi 5 foi construído usando a arquitetura moderna. Uma das maiores melhorias é a remoção de códigos de atalho, que causaram saída inchada e desempenho mais lento no Divi 4. O construtor agora carrega rapidamente e se sente muito mais leve em geral.

Outra grande atualização é a reforma mais inteligente. No Divi 4, até pequenas mudanças podem desencadear atualizações desnecessárias no layout. O Divi 5 apenas renderiza o que realmente muda, reduzindo o atraso e mantendo a experiência suave, mesmo em páginas complexas.

Observe que os milissegundos Divi 4 (à esquerda) levam para carregar o Visual Builder. Divi 5 carrega quase imediatamente.

Para suportar essa velocidade, removemos as animações de transição do painel Configurações, minimizamos redesenhas desnecessárias e refinamos como as atualizações são aplicadas em tempo real. Essas pequenas alterações fazem com que o construtor se sinta mais responsivo a cada clique.

Divi 5 oferece uma experiência de edição mais fácil e simples

Pequenos detalhes geralmente têm o maior impacto na maneira como você constrói. O Divi 5 apresenta uma série de melhorias sutis, mas poderosas, que tornam a interface do construtor mais intuitiva.

Para iniciantes, a edição do conteúdo agora é mais rápida do que nunca. Com edição com um clique, você pode clicar diretamente em qualquer texto ou módulo e começar a digitar, sem etapas extras e sem alternar entre os menus. Isso faz com que toda a experiência pareça imediata e sem esforço. (No Divi 4, exigiu vários cliques para abrir o painel de configurações de um módulo.)

Outra atualização é o encaixe do painel , que permite fixar o painel de configurações em ambos os lados da tela. Isso mantém seu layout à vista, enquanto você faz alterações e impede que as configurações cobrem sua área de trabalho. (Esta capacidade não está presente no divi 4.)

As novas migalhas no topo do painel de configurações mostram a localização exata na estrutura do layout, para que você sempre saiba onde está, especialmente ao trabalhar com elementos profundamente aninhados.

Você também pode alternar entre os modos claros e escuros no construtor, que não estavam presentes no Divi 4. Essas atualizações oferecem um espaço de edição mais limpo e mais focado, reduzindo a desordem visual e os cliques desnecessários, para ter um controle melhor sobre o seu espaço de trabalho.

Divi 5 simplifica a organização de gerenciamento e design de configurações

O Divi 5 traz um sistema mais organizado e intuitivo para gerenciar estilos, configurações de layout e ajustes responsivos.

Você pode alternar entre estados responsivos e pairar diretamente em cada configuração de design para espaçamento, tipografia ou efeitos ajustados para todas as interações e tamanho da tela sem alternar as vistas.

Da mesma forma, as predefinições de módulos, as variáveis ​​de design e as predefinições de grupo de opções são mais fáceis de aplicar e gerenciar em seu site. (Nós os abordaremos em detalhes na seção abaixo.)

Com o Divi 5, estamos melhorando a base e adicionando novos recursos mais avançados para ajudá -lo a otimizar seu fluxo de trabalho da web design sem codificação personalizada. Com atualizações lançadas a cada duas semanas, está melhorando a partir daqui.

Novos recursos divi 5 que você deve conhecer

Vejamos os novos recursos que adicionamos recentemente ao Divi 5 e como eles ajudam a criar sites mais rapidamente:

1. Pontos de interrupção personalizáveis ​​oferecem mais flexibilidade responsiva

Uma das adições mais emocionantes do Divi 5 são os pontos de interrupção responsivos personalizáveis. No Divi 4, você estava limitado aos três tamanhos padrão do dispositivo: telefone, tablet e desktop. Você tinha que usar o código personalizado para ajustar os layouts para obter larguras de tela mais específicas.

Com o Divi 5, essa limitação se foi. Agora você pode acessar sete pontos de interrupção predefinidos, incluindo o telefone largo, o tablet largo, o widescreen e a ultra largura, juntamente com os familiares.

Você pode ativar ou desativar esses pontos de interrupção extras com base nas suas necessidades de design e alterar seus valores de largura para controle total. Isso oferece muito mais flexibilidade ao criar sites responsivos.

Para gerenciar seus pontos de interrupção, clique nos três pontos para abrir o painel de pontos de interrupção responsivos em todo o site . Alterne em qualquer novo ponto de interrupção que você deseja adicionar e modifique o novo valor para o seu controle de largura, se desejar.

Não se preocupe em perder seus estilos quando desativar um ponto de interrupção. O Divi os salva em segundo plano; portanto, se você reencontrar esse ponto de interrupção mais tarde, suas personalizações voltarão. Isso é perfeito para testar projetos responsivos diferentes sem perder seu trabalho.

2. As variáveis ​​de design ajudam você a definir um sistema de marca consistente

As variáveis ​​de design podem parecer pequenas na superfície, mas transformam completamente seu fluxo de trabalho quando você começar a usá -las. Em vez de ajustar manualmente a mesma fonte, cor ou valor de espaçamento entre diferentes módulos, você a define uma vez e reutiliza -a em seu site. Quando você atualiza uma variável, cada instância é atualizada automaticamente, economizando tempo e mantendo seu design consistente.

Isso é especialmente útil para sites de várias páginas ou projetos de clientes, onde a consistência da marca é importante. Você pode definir variáveis ​​como tamanho de texto do corpo, cores de título, preenchimento de botões ou estilo de link. Se você precisar ajustar todos os H4s, não precisará caçar cada bloco; Basta alterar o valor variável uma vez.

Não apenas atributos de design, você também pode economizar valores de conteúdo comumente repetidos, como o endereço da sua empresa, links de produtos e até motivos de fundo para acesso rápido. Isso o salva do trabalho manual e ajuda a organizar melhor conteúdo repetido.

Dentro do seu Visual Builder, clique no ícone do Variable Manager e escolha entre seis tipos de variáveis: números, texto, imagens, links, cores e fontes.

Para o nosso exemplo, vamos criar uma variável de texto . Nomeie sua variável e adicione seu valor e salve .

Para aplicar a variável de texto, clique no elemento que você deseja modificar. No nosso caso, o endereço. Como é a variável de texto, vá para o conteúdo no painel Configurações e passe o mouse sobre o corpo para localizar o ícone de conteúdo dinâmico . Agora, clique em sua variável salva para aplicar:

3. Predefinições de grupo de opções Simplifique o sistema de design baseado em predefinição

Salvar e reutilizar estilos, como configurações de fundo, espaçamento, sombras, bordas e muito mais, através de predefinições de grupo de opções, podem economizar muito tempo. Você já deve estar familiarizado com as predefinições de elementos tradicionais no Divi 4, que se aplicam a todo o elemento (seção, linha, coluna, módulo).

Prefeitores de grupo de opções no Divi 5 Dê um passo mais fundo. Eles permitem criar e aplicar predefinições a grupos específicos de opções de design em um módulo. Por exemplo, você pode salvar as configurações de fronteira como uma predefinição de grupo de opções sem afetar mais nada.

Para isso, primeiro personalizará suas configurações preferidas e depois as salvará como predefinida. Abaixo, salvei a sombra do botão como uma sombra de caixa 2 e a apliquei em outros botões.

Se você deseja reutilizar um estilo de botão com um efeito específico, borda e cor, mas deixe espaçamento e estilo de texto em paz, as predefinições de grupo de opções permitem fazer exatamente isso. Você pode aplicar apenas as configurações necessárias sem afetar o restante do módulo.

Enquanto as variáveis ​​de design ajudam a controlar valores essenciais, como fontes, cores e espaçamento, as predefinições do grupo de opções se aprofundam em um nível. Eles permitem que você agrupe e reutilize seções de estilo inteiro como predefinições globais. Juntos, eles formam um sistema de design baseado em predefinição que ajuda você a criar rapidamente layouts consistentes sem escrever código personalizado.

4. Linhas aninhadas para designs de layout complexos

Linhas aninhadas são construídas para designers que desejam liberdade de layout sem complexidade. Com linhas aninhadas, você pode construir layouts mais sofisticados sem fazer malabarismos constantemente várias seções ou soluções alternativas de código.

Eles tornam os layouts complexos mais fáceis de gerenciar e mais intuitivos para editar, especialmente ao trabalhar em páginas de destino, exibições de produtos, layouts de blog de várias colunas ou exibir seu melhor trabalho em um portfólio assimétrico.

Adicione uma linha aninhada como um módulo de conteúdo. Clique no botão Black Plus, mude para nova linha e escolha o seu tipo de linha preferido.

Uma vez inserido, ele se comporta exatamente como uma linha de nível superior. Além disso, cada linha aninhada mantém configurações responsivas completas, o que significa que você pode controlar como ela se comporta nos pontos de interrupção. Você não está mais limitado a pensar em linhas e colunas básicas. Com linhas aninhadas, você pensa em camadas, mantendo seu fluxo de trabalho de design limpo e visual.

5. Grupos de módulos para organizar seus módulos

Os grupos de módulos são um novo elemento de contêiner no Divi 5. Eles permitem que você agrupa vários módulos relacionados em um único grupo dobrável dentro do construtor visual. Isso torna dramaticamente mais gerenciável a edição de seções da sua página, especialmente ao lidar com layouts complexos cheios de elementos repetidos ou designs aninhados.

Imagine um bloco de exibição de produtos com título, imagem, descrição, botão e divisor de linha. Em vez de selecionar ou mover individualmente cada módulo sempre que quiser replicar ou ajustar o design, você pode agrupá -los uma vez e tratá -los como uma unidade.

O grupo de módulos está presente como outro módulo Divi 5. Escolha o módulo de grupo para adicioná -lo. Você pode adicionar mais módulos dentro dele e todos serão agrupados como um grupo de módulos.

6. As unidades avançadas ajudam você a otimizar para um design responsivo mais inteligente

No Divi 4, a maioria dos insumos de estilo era limitada a unidades básicas, como pixels e porcentagens. Com unidades avançadas, agora você pode usar uma gama muito mais ampla de unidades CSS, incluindo REM, EM, VW, VH, % e até poderosas funções CSS como Clamp () como configurações visuais no Divi 5. Esse recurso é útil para designers que se preocupam com design responsivo e tipografia escalável.

Por exemplo, você também pode usar o CLAMP () para definir um valor mínimo, ideal e máximo para preenchimento ou tamanho de fonte, para que seu design pareça polido entre dispositivos sem criar dezenas de pontos de interrupção personalizados. O grampo de um título (36px, 4VW, 48px) definirá o tamanho da fonte para começar em 36px, escala com base em 4% da largura da viewport e parar de crescer a 48px.

Esses valores são incorporados em todas as configurações. Você também pode criar variáveis ​​de design de números definindo valores de unidade avançados.

Esses recursos facilitam a criação de sites flexíveis, responsivos e consistentes. Você terá mais controle sobre seu design diretamente dentro do construtor, sem precisar escrever CSS personalizado ou confiar em soluções alternativas.

Mas este é apenas o começo. O que você viu até agora representa apenas uma parte do que o Divi 5 oferece. Estamos trabalhando ativamente em mais recursos, todos projetados para ajudá -lo a construir mais inteligente e mais rápido. Na sua essência, o Divi 5 é sobre tornar o Web Design mais inteligente. Cada atualização está focada em simplificar seu fluxo de trabalho e fornecer as ferramentas para criar sites bonitos com menos esforço. A partir de agora dará a você a vantagem de dominar o Divi 5 antes de estar pronto para o lançamento final.

Um olhar dentro do divi 5

Vamos ver como a criação de um site com o Divi 5 parece. Para fazer isso, você primeiro precisará de uma configuração do WordPress em funcionamento. Isso significa escolher um host da web, registrar um nome de domínio e instalar o WordPress no seu site. Assumiremos que você está em execução antes de nos concentrarmos na próxima parte deste post:

1. Download, instale e ative Divi 5

Aqui está um tutorial em vídeo para comprar, instalar e ativar o divi:

Depois que sua compra for bem -sucedida, você poderá fazer login na sua área de associação de temas elegantes. Agora faça o download da pasta Zip Divi 5.

Volte para o seu painel WordPress. Siga esta consulta: Aparência> Temas> Adicionar tema> O tema de upload. Em seguida, faça o upload do arquivo zip Divi 5 do seu computador e clique em Instalar agora.

Depois de instalado, ative o tema.

Finalmente, ative sua licença Divi. Ao fazer isso, você poderá acessar seus serviços selecionados de maneira eficaz. O processo é automático, basta fazer login com suas credenciais de login de associação ET mais uma vez.

Depois de fazer isso, você pode acessar seu painel Divi 5. Seu painel fornece informações como seu status de licença Divi, atualizações, páginas, modelos e muito mais. Você também verá sites rápidos da Divi, que usaremos para construir uma base de sites.

Comece com Divi

2. Crie seu site usando o Divi 5

A maneira mais rápida de construir um site inteiro com o Divi 5 é usando sites rápidos do Divi.

Você escolhe entre duas opções:

• Use um site de partida pré-fabricado e o Divi 5 criará um site base usando a marca e o conteúdo do site selecionado.
• Ou gerar seu site com IA para instruir o Divi AI para criar um site exclusivo.

Veja como o processo parece usando sites iniciantes: você escolhe um site de partida e preenche alguns detalhes, como o logotipo do seu site e as páginas que deseja criar.

E eis como funciona com a IA. Você conta a Divi ai sobre o seu site e espera cozinhar:

O Divi Quick Sites é perfeito se você deseja acelerar seu processo de criação de sites. Ele fornece uma estrutura pronta que você pode personalizar com sua própria marca, conteúdo e estilo. Você não precisa começar de uma página em branco ou projetar todos os layout do zero.

Se você deseja criar uma nova página a partir do zero ou acessar o Divi Visual Builder, vá para páginas> Adicionar página.

Agora, nomeie sua página e clique em usar o Divi Builder.

Você entrará no Divi Visual Builder.

3. Saiba sobre o Basics Divi 5 Visual Builder

Se você está acessando o Divi 5 Visual Builder pela primeira vez, verá muitos ícones, então aqui está um passo a passo rápido:

• (1.) Painel da barra lateral esquerda: Este painel inclui ferramentas do construtor. Você pode adicionar layouts pré-fabricados, acessar sua biblioteca de layout, visualizar a estrutura usando camadas, alternar para a exibição de quadro de fio, salvar variáveis ​​de design, ajustar as configurações do construtor e obter ajuda.
• (2.) Barra superior: você pode alternar entre os modos responsivos. Os controles de largura e zoom ajudam você a ajustar o espaçamento do layout nos pontos de interrupção. Você também encontrará as opções de desfazer/refazer, limpar, histórico e salvar aqui. Além disso, a saída, visualização, salve o rascunho e publique botões para gerenciar seu progresso.
• (3.) Barra lateral direita: Quando você clica em qualquer módulo, suas configurações abrem à direita. Você pode adicionar conteúdo, estilizá -lo e adicionar CSS personalizado aqui. As migalhas na parte superior (Página> Seção> Linha> Coluna) mostram exatamente onde o módulo mora dentro do seu layout.

Em seguida, você tem dois elementos de contêineres: seções (representadas em azul) e linhas (sempre verdes). Linhas internas, você tem colunas onde você pode adicionar módulos (em preto) .

Para adicionar uma seção, você clicará no botão Blue Plus. Para uma linha, é o botão verde e preto para um módulo. Você obtém diferentes tipos de opções de linha para escolher. Dentro de uma linha estão colunas.

E linhas e colunas internas, você adicionará módulos de conteúdo, como títulos, imagens, etc. O Divi 5 oferece mais de 200 módulos de conteúdo para todos os fins, se você deseja adicionar um formulário de contato, depoimentos etc.

O módulo de grupo de módulos recentes permite agrupar elementos diferentes para que você possa criar e salvar seus próprios módulos. (A cor cinza representa um grupo de módulos.)

4. Crie as páginas do seu site com Divi 5

Mesmo se você não usar sites rápidos do Divi, ainda poderá importar layouts pré-fabricados ou usar o Divi AI para gerar um layout inteiro. Clique no botão Blue Plus .

(1.) Permite escolher entre mais de 2500 layouts pré-fabricados e (2.) Permite instruir o Divi AI para gerar sua página. Veja como a importação de um layout pré -fabricada funciona:

Se você optar por construir com o Divi AI, só precisará contar sobre a página que deseja construir.

Personalizando o design da sua página

Se você criou sua página usando sites rápidos Divi, layouts pré-fabricados ou Divi AI, você deve personalizá-lo para torná-lo seu. Para adicionar sua marca de forma consistente em todo o site, a maneira mais fácil é definir suas variáveis ​​de design.

Esses valores globais (como suas cores e fontes principais) serão aplicados automaticamente onde você os usar. Para modificá -los, basta alterar o valor variável no gerenciador de variáveis.

Para editar qualquer módulo, clique nele e as configurações aparecem no painel lateral direito.

Cada painel de configurações de módulo inclui três guias:

• Conteúdo: é aqui que você adiciona ou edita o conteúdo real do módulo. Você também pode adicionar links, escolher um plano de fundo ou alterar o rótulo do administrador para ajudar a identificar o módulo com mais facilidade.
• Design: A mudança para a guia Design permite estilizar a aparência visual do módulo. Você pode alterar o tamanho da fonte, peso, cor, altura da linha, espaçamento, alinhamento e muito mais. Lembre -se de que diferentes módulos têm diferentes opções de configuração.
• Avançado : a guia Avançado fornece controle total sobre mais opções técnicas. Adicione CSS personalizado, defina visibilidade responsiva e muito mais. É especialmente útil se você deseja personalizar além do que a guia de design oferece.
• O ícone do laptop permite alternar entre os modos responsivos e o mouse. Ao alternar para um modo, você pode personalizar todas as configurações e salvar.
• O botão predefinido padrão é o recurso predefinido da Divi. Aqui está uma diferença entre predefinições de elementos e predefinições de grupo de opções.

Se você estiver lidando com um bloco de escritores, use o Divi AI para adicionar conteúdo (texto, imagens e código). Quase todo módulo permite que você use a IA. Tudo o que você precisa fazer é procurar o pequeno ícone da IA.

Depois de personalizar sua página, lembre -se de salvar seu rascunho. Em seguida, visualize para ver tudo o que funciona corretamente e publique sua página.

Comece com Divi

5 dicas para tirar o máximo proveito do divi 5

O Divi 5 está em um estágio emocionante - o estágio público alfa. Ele passou por atualizações de terra e grandes melhorias de desempenho. Agora tudo o que resta são novos lançamentos de recursos e pequenas correções.

Isso também o torna o momento perfeito para começar a construir com ele. Quanto mais cedo você começar, mais confortável ficará quando o Divi 5 Beta for totalmente lançado. Aqui estão algumas maneiras de aproveitar ao máximo sua associação ao Divi:

1. Mantenha -se atualizado com os novos lançamentos

Novas atualizações de recursos não são apenas correções ou ajustes de desempenho, também são ferramentas poderosas que mudam a maneira como você cria sites. Desde pontos de interrupção personalizáveis ​​a variáveis ​​de design, linhas aninhadas e unidades avançadas, cada adição se baseia na nova base do Divi 5 para fornecer mais controle e velocidade.

Para permanecer no loop, assine o elegante canal do YouTube, onde Nick compartilha regularmente a passo e libera anúncios.

Inscreva -se no nosso canal do YouTube

2. Experimente o novo construtor Divi 5

O Builder Visual Divi 5 é rápido, responsivo e construído para a eficiência. Cada nova adição de recursos contribui para otimizar seu fluxo de trabalho e o incentivamos a continuar experimentando para desenvolver novas estratégias. Para ajudá -lo, também publicamos novos tutoriais para compartilhar nossas abordagens. Por exemplo, nossa postagem em diferentes estruturas de linha mostra maneiras de usar linhas aninhadas para criar layouts inteligentes.

Torne o hábito de visitar o blog de temas elegantes regularmente para encontrar maneiras criativas de usar o Divi 5.

3. Compartilhe e pesquise Divi 5 Dicas e truques na comunidade Divi

Depois de começar a experimentar o Divi 5, ver como os outros o usam é igualmente importante. Designers e desenvolvedores de todo o mundo também estão explorando os mesmos novos recursos, experimentando layouts criativos e compartilhando seus resultados.

Desde os usos inteligentes dos pontos de interrupção até as configurações de variáveis ​​de design que economizam tempo, há muito que você pode aprender observando como os outros se aproximam de suas construções. Junte-se ao grupo oficial do Divi no Facebook ou nos fóruns focados em divi para descobrir tutoriais, fazer perguntas e obter novas idéias de pessoas que trabalham com o Divi 5. É uma das maneiras mais rápidas de aumentar suas habilidades e manter-se atualizado.

4. Construa novos sites com Divi 5

A melhor maneira de usar o Divi 5 (agora) é criar novos sites a partir do zero. Não há razão para esperar se você estiver iniciando um novo projeto. Você obtém um desempenho mais rápido, código mais limpo e uma melhor experiência de edição imediatamente.

Mas se você estiver trabalhando com um site Divi 4 existente, é melhor esperar um pouco mais antes de migrá -lo para o Divi 5.

Como o Divi 5 ainda está em desenvolvimento ativo, alguns módulos Divi 4 e extensões de terceiros ainda não podem ser totalmente suportados. Dito isto, como todo site é diferente, esse não será o caso sempre. Se você não tiver certeza, a melhor coisa a fazer é verificar a compatibilidade do seu site. Para ajudar, também criamos uma ferramenta Migrator Divi 5.

Ele digitaliza seu site Divi 4 existente e diz quais módulos são compatíveis, quais não são e o que precisa de atenção. Isso ajuda você a tomar uma decisão informada sem arriscar seu site ao vivo.

No entanto, estamos muito próximos da versão beta, então nosso conselho é criar novos sites usando apenas o Divi 5 e esperar um pouco mais antes de alterar seus sites Divi 4.

5. Construa um sistema de design de divi

O Divi 5 apresenta muitos recursos, por isso pode ser confuso decidir quais usar e quais não. Por exemplo, se você está definindo variáveis ​​de design, deve usar as predefinições de grupo de opções também? A melhor maneira de descobrir isso é experimentando e descobrindo o que funciona para você. E à medida que os novos recursos são lançados, você pode continuar a refinar seu processo.

Você pode iniciar qualquer site criado com variáveis ​​de design para consistência e depois usá -las no grupo de opções e predefinições de elementos. Essa abordagem estruturada economiza tempo, mantém sua marca alinhada e permite que você atualize os estilos globais em apenas alguns cliques.

6. Relate bugs quando você os encontrar

O Divi 5 ainda está em desenvolvimento ativo, então você provavelmente encontrará alguns bugs ao longo do caminho. Quando você o fizer, adoraríamos que você os denunciasse. Ajuda nossa equipe a corrigir problemas mais rapidamente e nos aproxima um passo mais perto da versão beta. Você também pode confiar em nós para obter dúvidas do Divi 5 - nossa equipe de suporte é rápida em responder e aqui para ajudar, e os usuários profissionais também recebem suporte VIP 24 horas por dia, 7 dias por semana, para qualquer coisa urgente.

Escolha Divi 5 para iniciar sua jornada de design da web

O Divi 5 oferece uma estrutura completa de construção de sites, modernizada e reconstruída desde o início. Todas as partes foram projetadas para simplificar seu fluxo de trabalho, acelerar o desempenho e configurá -lo para o futuro do web design.

• Melhor que a competição: enquanto a maioria dos construtores se concentra em recursos chamativos, o Divi 5 se concentra no controle, velocidade e usabilidade do mundo real. É construído para trabalhar com você, não contra você.
• Uma grande atualização do Divi 4: Divi 4 já foi amada pelos usuários do WordPress. O Divi 5 mantém tudo o que as pessoas gostaram e conserta tudo o que não fizeram. É mais rápido, mais leve e mais escalável.
• Todas as ferramentas em um só lugar: da edição visual a conteúdo de IA, armazenamento em nuvem, criação rápida de site e ferramentas de marketing, o Divi 5 oferece tudo o que você precisa para começar forte e crescer rapidamente.

Se você estiver iniciando sua jornada de design da web hoje, comece com o Divi 5. É construído para onde a web está indo, não para onde está.

O Divi 5 está pronto para ser usado em novos sites hoje.