Ir para o conteúdo principal

Como usar o módulo de rolagem de vídeo Divi

Divi: o tema WordPress mais fácil de usar

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Antes de adicionar um módulo de vídeo à sua página, você deve primeiro usar o Divi Builder. Quando o tema Divi estiver instalado no seu site, você notará um botão Use o construtor visual acima do editor sempre que você criar uma nova página.

Clique neste botão para ativar o Divi Builder e acessar todos os módulos do Divi Builder. Então clique no botão Use o construtor visual para iniciar o gerador no modo visual. Você também pode clicar no botão Ativar o Visual Builder quando você navega no seu site em primeiro plano, se estiver conectado ao seu painel do WordPress.

vá para o visual builder.jpeg

Depois de inserir o Visual Builder, você pode clicar no botão cinza para adicionar um novo módulo à sua página. Novos módulos só podem ser adicionados dentro de linhas. Se você iniciar uma nova página, não se esqueça de adicionar uma linha à sua página primeiro.

adicione o módulo video.jpeg

Localize o módulo de cursor de vídeo na lista de módulos e clique nele para adicioná-lo à sua página. A lista de módulos é pesquisável, o que significa que você também pode digitar "Video Scroll Slider", depois pressionar Enter para encontrar e adicionar o módulo de vídeo automaticamente! Depois que o módulo for adicionado, você será saudado pela lista de opções do módulo. Essas opções são separadas em três grupos principais: Conteúdo , Projeto et avançado.

adicione o módulo video.jpeg

Preencha o cursor de vídeo com conteúdo

como preencher o conteúdo de vídeo Divi module video.jpg

Antes de ajustar muitas configurações, provavelmente é melhor seguir em frente e preencher o cursor de vídeo com slides de vídeo. Dessa forma, quando você fizer alterações, poderá ver como elas afetam o resultado final. Para adicionar um novo slide de vídeo, você deve clicar no link + Adicionar um novo item .

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

adicionar um novo elemento video.jpeg

Aqui você pode baixar um arquivo .mp4 ou Webm. Você também pode inserir um URL de vídeo no YouTube. Quando você tiver baixado seu arquivo ou adicionado o link do YouTube, basta clicar no botão verde no canto inferior direito e você retornará à guia conteúdo principal do módulo de cursor de vídeo. Repita este processo para cada vídeo que você deseja adicionar.

Configurações de conteúdo do módulo deslizante de vídeo

Agora que seu conteúdo foi adicionado, há algumas outras áreas para explorar. Os três menus suspensos da guia de conteúdo, onde as configurações foram agrupadas, afetarão todo o módulo.

elementos

Abaixo dos itens, você pode ajustar a configuração da seta e do controle deslizante do módulo do controle deslizante de vídeo.

cobertura

Aqui você pode optar por mostrar ou ocultar as sobreposições de vídeo no vídeo principal. Isso pode ser feito adicionando uma sobreposição a cada slide de vídeo ou gerada automaticamente pelo Divi.

Rótulo de administração

Nesta lista suspensa, você pode adicionar uma tag administrativa que será exibida no criador de backend, bem como a visualização esquelética do criador visual.

Parâmetros de design do módulo deslizante de vídeo

opção de vídeo design.jpeg

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Nesta aba, existe apenas um grupo de parâmetros chamado Controles de cor . Aqui, você pode alterar a cor dos controles deslizantes de claro para escuro, alterar a cor do ícone de reprodução e ajustar a cor de sobreposição das miniaturas.

Configurações Avançadas do Módulo Slider de Vídeo

parâmetro avançado.jpg

Na guia Avançado do seu módulo de cursor de vídeo, você pode adicionar um ID e uma classe css exclusivos. Você também pode adicionar css personalizado a vários seletores css predefinidos (e pré-selecionados) no módulo de cursor de vídeo da lista suspensa css personalizada. Por fim, na lista suspensa de visibilidade, você pode ajustar a visibilidade do seu módulo em telefones, tablets e desktops.

Configurações individuais de conteúdo de vídeo

configurar videos.jpeg

Se você quiser criar configurações específicas para slides individuais, eles devem ser configurados nos próprios slides de vídeo. Basta clicar no ícone de engrenagem neste slide para abrir suas configurações exclusivas.

configuração de vídeo individual.jpeg

Vídeo

Como demonstrado acima, é aqui que você pode adicionar seu conteúdo de vídeo.

cobertura

Na lista suspensa Sobreposição, você pode fazer upload de uma imagem para sobrepor seu slide de vídeo ou optar por gerar um automaticamente.

Configurações individuais de design de vídeo

configurar vídeos

Na guia Design do seu slide de vídeo, você pode alterar a cor da seta do seu slide da luz para a escuridão.

configuração de vídeo individual

Isso é tudo para este tutorial, espero que permita usar o módulo de rolagem de vídeo no Divi.

Outros tutoriais Divi

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

De volta ao topo
9 ações
ação4
chilrear1
Enregistrer4
Whatsapp