Como abrir um vídeo em uma janela pop-up ou pop-up com Lightbox no Divi clicando em

Adicionar conteúdo de outras páginas é realmente muito simples, pois através do codificação da sua página você tem que apenas ancore o link para o qual você deseja redirecionar.

No entanto, alguns usuários (incluindo você) desejam que o link de redirecionamento seja aberto em uma nova guia para que o leitor não saia da página.

Através da plataforma WordPress isso também é possível, mesmo em diferentes tipos de templates como o Divi que revolucionaram o design desses sites.




O que é Divi e para que serve?

Como mencionado acima, Divi é um modelo WordPress que permite aos usuários projetar qualquer coisa que eles possam imaginar.

Seu método de trabalho é através de um construtor visual chamado Divi Builder que não merece o layout e a codificação HTML do zero para criar o design, pois permite adicionar elementos por "arrastar e soltar" dentro da página. O Divi também possui uma biblioteca de layouts predefinidos.

Não requer instalação, então você só precisa acessar o " Menu "No WordPress, procure a seção" aspetto "E inserir" Temas "Para ter certeza de que está lá.

Como abrir um vídeo em uma janela pop-up ou pop-up com Lightbox no Divi clicando em

Da mesma forma, seu construtor pode ser usado através do " Postagens e páginas "Para selecionar o botão" Usar o Construtor Divi “Sob o título do post.

 

Descubra como abrir um vídeo ou um PopUp em uma janela pop-up com o Divi!

Embora o Divi se caracterize por ser um construtor visual que permite projetar qualquer tipo de site com os elementos que o usuário possa imaginar, às vezes é necessário usar um plugin ou escrever código para crie funções específicas para sua página.




O exemplo a seguir é usado para abrir um vídeo do YouTube em uma janela pop-up (também chamada de PopUp ou Lightbox) com o simples apertar um botão.

Código JQuery que acionará a função pop-up

(função ($) {

$ (documento) .ready (função () {

// $ ('#IDname a').addClass('popup-video');

$ (('pop-up-video'). magnificPopup ({

desabilitar Ligado: 100,

tipo: ‘inframe’,

mainClass: 'mfp-fade',

Atraso de remoção: 160,

precaricatore: falso,

FixedContentPos: false

});

});

}) (jQuery)

para alterar a cor de fundo do janela que aparecerá uma vez que a pessoa tenha pressionado o botão, o seguinte código é aplicado:

.mfp-bg {

Antecedentes: # 673ab7;

}

Caso queira definir outra cor, basta digitar o código para o qual deseja alterá-la e salvar.

Vantagens de usar o Divi no WordPress

Além de nos permitir abrir um vídeo ou um PopUp em um janela pop-up, este construtor também tem muitas virtudes que você pode desfrutar quando começar a reproduzi-lo em suas criações.

É um construtor com um método de usabilidade muito simples, que se adapta a mais idiomas e estilos de design que podem ser integrados à comunidade WordPress.

Como abrir um vídeo em uma janela pop-up ou pop-up com Lightbox no Divi clicando em


 


Por sua vez, complementa o estilo do projeto ágil, podendo assim integrar elementos que só podem ser visualizados em computadores ou dispositivos.

A modificação de seu conteúdo é feita em tempo real, portanto não será necessário pressionar um botão " Visualização ”Para ver como a página fica em cada mudança.


Além disso, você não precisa saber HTML e CSS para criar estilos e, se tiver o conhecimento, permite personalizar o código para cada elemento.


Cada desenho que você faz pode ser arquivado em um arquivo " Biblioteca ”Para que esteja disponível para você quando desejar reutilizá-lo em qualquer outra página ou entrada.

Ele também tem mais ferramentas que tornarão sua página mais atraente e fácil para o leitor usar. Além da capacidade de incluir BreadScrumb para melhorar o SEO, recolher a barra lateral para melhorar a leitura do leitor ou corrigir o rodapé.

Por fim, através de sua constante atualização, você poderá manter a segurança do seu site e de seus conteúdos dentro da plataforma.

Adicione um comentário do Como abrir um vídeo em uma janela pop-up ou pop-up com Lightbox no Divi clicando em
Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.

End of content

No more pages to load