5 designs de carrossel para divi 5 (download grátis)

O módulo de carrossel do grupo torna mais fácil do que nunca criar carrosséis que parecem limpos, adaptados lindamente a diferentes tamanhos de tela e são simples de personalizar no Divi 5. Neste pacote gratuito, você encontrará 5 designs exclusivos da seção de carrossel, cada um construído para herdar seus estilos globais para uma marca consistente em seu site. Esses carrosséis estão prontos para você cair em qualquer página!

Visualização

Vamos dar uma olhada em todas as 5 seções de carrossel neste pacote. Este pacote é gratuito para você baixar mais adiante a postagem.

Inscreva -se no nosso canal do YouTube

Baixe 5 seções de carrossel para divi 5

Obtenha todas as 5 seções de carrossel gratuitamente. Cada seção é uma versão padrão que capta as cores, fontes e botões globais do seu site. Importe -os na sua biblioteca Divi e adicione -os a qualquer página.

Baixe os arquivos

Baixe gratuitamente

Junte -se ao boletim informativo Divi e enviaremos um e -mail para você uma cópia do pacote de layout da página de destino do Divi Ultimate, além de toneladas de outros recursos, dicas e truques incríveis e gratuitos. Siga adiante e você será um mestre em divi em pouco tempo. Se você já está inscrito, basta digitar seu endereço de e -mail abaixo e clique em Download para acessar o pacote de layout.

DOWNLOAD

Você se inscreveu com sucesso. Verifique seu endereço de e -mail para confirmar sua assinatura e ter acesso a pacotes semanais de layout semanal gratuitos!

O que está incluído (6 exportações)

Depois de baixar e descompactar a pasta, você encontrará todas as 6 exportações de layout organizadas como seções individuais e como um pacote completo de "todas as seções".

Padrão - Seções individuais (5) → Usa seus estilos globais.
Padrão - todas as seções (1) → pacote completo usando seus estilos globais.

Como usar os desenhos de carrossel

Mantenha sua pasta de download por perto para começar a importá -los para o seu site Divi.

1. Seções de importação para a biblioteca Divi

Vá para Divi → Divi Library.

Uma vez lá, clique no botão Importar e exportar para instalar os arquivos.

Procure o arquivo seções de carrossel (tudo) e clique para importá -lo.

2. Adicione uma seção de carrossel a uma página

Abra uma página no Visual Builder (ou crie um novo).

Clique no "+" azul para adicionar uma nova seção e escolha Adicionar na biblioteca .

Clique na seção de carrossel que você deseja inserir.

Clique no botão Use este seção para carregar a seção.

Certifique -se de salvar sua página quando terminar.

Como o estilo funciona (somente padrão)

Essas seções herdam os estilos globais do seu site para cores, tipografia, botões e espaçamento. Os carrosséis corresponderão imediatamente à sua marca se você já configurou estilos globais. Você ainda pode substituir qualquer coisa na seção, linha, coluna ou nível de módulo quando necessário.

Personalizando os carrosséis

O módulo de carrossel de grupo do Divi 5 oferece ferramentas poderosas para ajustar os layouts, mantendo tudo responsivo. Veja como personalizar essas seções para se ajustar ao estilo do seu site.

1. Substitua o conteúdo de slide

No Visual Builder, passa um slide e abra o (s) módulo (s) interno - imagem, módulo de texto, botão, sinopse ou lista de ícones. Substitua imagens, copie e chamadas à ação. Você pode usar o Divi AI para ajudar a escrever manchetes ou legendas concisas.

Se um slide incluir vários módulos, repita para cada um para manter os estilos consistentes.

2. Ajuste as configurações do carrossel

Abra as configurações de carrossel do grupo. Na guia Design, defina itens por visualização por dispositivo, lacuna de slide, automática, velocidade, loop e navegação (setas) ou paginação (pontos).

Use as alternativas responsivas para ajustar pontos de interrupção.

Se você preferir uma interface do usuário mínimo, desative setas ou pontos e confie no deslize e arraste as interações.

3. Adicione elementos a um slide

Abra o conteúdo de um slide e adicione módulos como um botão, sinopse, lista de ícones, vídeo ou animação de Lottie. Use uma linha de duas colunas dentro de um slide para imagem de um lado e texto do outro, ou empilhe elementos verticalmente para cartões de produto e depoimentos.

Para ênfase rápida, adicione um pequeno módulo de texto como uma etiqueta acima da manchete ou solte um módulo de botão na descrição com seu estilo primário.

4. Reordenar, duplicar ou remover slides

Na estrutura do carrossel do grupo, arraste os slides para reordená -los, duplicar um slide para manter o estilo consistente ou exclua slides de que você não precisa. Mantenha a contagem total equilibrada com seus itens por vista para a paginação limpa.

5. Layout de slide de controle com Flexbox

Dentro de um slide, defina o layout do contêiner como coluna e use o GAP para espaçamento limpo. Use o conteúdo justificado para centralizar o conteúdo e alinhar itens para o alinhamento esquerdo, central ou direito. Estabeleça itens para cartões de altura igual nos slides.

Se uma manchete estiver no celular, reduza o tamanho da fonte nos controles responsivos do módulo ou defina uma largura máxima no contêiner de texto.

6. Use variáveis ​​de design, predefinições e atributos estendidos

Amarre as cores e o espaçamento às suas variáveis ​​de design, para que qualquer marca atualize as cascatas em todos os slides. Salvar estilos de módulos comumente usados ​​como predefinições para manchetes, botões ou crachás.

Use os atributos estendidos para aplicar uma mudança de estilo de um módulo para o restante dos slides em uma ação.

Para ajustes globais rápidos, use Localizar e substituir em cores ou tamanhos de fonte na seção.

7. Opcional: mude para conteúdo dinâmico com loop construtor

Transforme um carrossel em um controle deslizante dinâmico, substituindo o conteúdo de slides estático por um elemento em loop que consulta postagens, projetos ou um tipo de postagem personalizado. Escolha sua consulta, projete o cartão uma vez e deixe novos itens preenchem o carrossel automaticamente.

Isso é ideal para destaques do blog, carrosséis de produtos, itens de portfólio ou depoimentos.

Use o Divi 5 para construir seus carrosséis hoje

Essas 5 seções de carrossel de grupo são uma maneira rápida de acelerar suas compilações Divi 5. Faça o download, entregue -os em qualquer página e faça deles o seu. O módulo de carrossel do grupo lida com o movimento para que você possa se concentrar no design.