Como criar um Banner com Slides usando o Divi Builder?

Curso DIVI | Criar um Banner com Slides usando o Divi Builder

Vou mostrar como criar um Banner no DIVI com a opção de Slides e também a possibilidade de imagem ao lado do título.

No DIVI esse módulo de banner tem o nome de “Botão deslizante”, o banner é muito importante para primeira impressão e com o DIVI a criação de banner se torna muito simples e fácil.

Usando o Visual Builder, adicione uma nova seção com uma linha de largura total (1 coluna). Em seguida, insira um módulo deslizante em sua nova linha. Na guia Conteúdo das Configurações do Slider, clique em + Adicionar Novo Item para criar seu primeiro slide.

O que é banner no site?

O banner é um elemento estético e informativo muito comum em sites, muito usado em propagandas para divulgação de produtos e serviços. É criado para atrair um usuário a um site através de um link contido no banner.

Opções de conteúdo

Cada slide tem sua configuração própria e para acessar use a engrenagem do slide desejado, uma vez dentro você vai encontrar as seguintes opções de conteúdo:

• Título
• Texto do botão
• Conteúdo
• URL do botão
• Slide
• Imagem de fundo

Por padrão, a imagem do slide será exibida à esquerda e o conteúdo do texto do controle deslizante e o botão serão exibidos à direita.

Opções de conteúdo do controle deslizante

Na guia de conteúdo, você encontrará todos os elementos de conteúdo do módulo, como texto, imagens e ícones. Qualquer coisa que controle o que aparece em seu módulo sempre será encontrado na guia design.

Quando se trata de design para o banner eu recomendo fazer os estilos na forma global, nesse caso você não deve entrar na engrenagem do slide desejado, todo estilo será feito no módulo assim replicando para os outros slides.

Opções de design para o slide:

• Setas
• Controles
• Opções de design de controle deslizante
• módulo deslizante
• Efeito de paralaxe
• Fonte do cabeçalho
• Tamanho da fonte do cabeçalho
• Cor do Texto do Cabeçalho
• Espaçamento entre letras do cabeçalho
• Altura da linha de cabeçalho
• Tamanho da fonte do corpo
• Cor do corpo do texto
• Espaçamento entre letras do corpo
• Altura da linha corporal
• Top Padding
• Padding Inferior
• Use estilos personalizados para botão
• Tamanho do texto do botão
• Cor do texto do botão
• Cor de fundo do botão
• Largura da borda do botão
• Cor da borda do botão
• Raio da borda do botão
• Espaçamento entre letras de botões
• Fonte do botão
• Adicionar ícone de botão
• Ícone de botão
• Cor do ícone do botão
• Posicionamento do ícone do botão

 

Criando o banner do zero

Confira no link abaixo como criar o banner e aplicar os estilos.

https://www.youtube.com/watch?v=trLGeUT90RA

 

DIVI Builder melhor Tema para Sites em WordPress

⭐ ADQUIRIR O TEMA DIVI ⭐

🏆DIVI Builder melhor Tema para Sites em WordPress🏆

1. Acesso completo.
2. Sites ilimitados.
3. Usuários ilimitados.

Descubra o poder do Tema Divi e experimente a construção de um site com visual verdadeiro no link abaixo.

👉 https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=67441