Pare de perder tempo e dinheiro!

Crie facilmente seu site ou blog WordPress hoje.

Elementor é a ferramenta mais fácil e mais importante, a mais rápida para criar qualquer tipo de site ou blog WordPress. Sem conhecimento técnico é necessário e é perfeito para usuários iniciantes ou profissionais. Você pode fazer isso sozinho, então faça!

Quer descobrir como abrir um vídeo do YouTube em um pop-up no WordPress?

La caixa de luz ou janela modal (pop-up) é um recurso muito comum na rede. No entanto, geralmente é usado para exibir imagens, formulários de captura de e-mail, promoções ou até mesmo formulários de cadastro. 

Mas você sabia que também é possível usá-lo para exibir vídeos no WordPress ? Não? 

Não se preocupe, neste tutorial irei mostrar como exibir um vídeo (YouTube – Vimeo – etc.) num caixa de luz.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

As razões pelas quais você deve usar um lightbox para exibir seus vídeos 

Os  caixa de luz são janelas modais, no entanto, o que você não sabe é que nem todas as imagens exibidas nelas são carregadas durante o « cobrança«  página. 

Le navegador carregar : imagens quando o caixa de luz abre, este também é o caso dos vídeos. Resumindo, é um recurso que permitirá que suas páginas abram mais rápido. Também permitirá reduzir o tamanho (comprimento) De sua páginaporque parte do conteúdo desta página estará disponível nesta janela modal.

Trégua de conversa, vamos ao que interessa.

Como instalar e configurar plug-in WP Video Lightbox

O WP Video Lightbox é um plug-in disponível em WordPress.org. O que significa que você pode instalá-lo diretamente do painel do WordPress ou faça o download como um arquivo .zip.

Para mais detalhes, confira nosso guia passo a passo sobre como instalar um plugin do WordPress.

Depois de ativar o plug-in, vá para a página de configurações deste local " configurações >> Vídeo caixa de luz ".

Iremos diretamente para o " foto bonita ".

Na realidade, isso plug-in use outro plug-in, destinado principalmente à exibição de uma galeria de fotos. Mas você pode alterar algumas das informações que serão aplicadas aos vídeos.

Para isso, vou explicar algumas opções (Obrigatório)De modo que é como você deseja.

Já a livraria foto bonita deve ser ativado (cheque « permitir foto bonita »)Para permitir que os usuários saibam que eles estão na mesma página, você pode tornar a janela transparente (definir um valor de 0 a 1. Valores de vírgula são aceitos).

Discover As características de um pop-up eficaz para WordPress 

Todas as suas caixas de luz podem ter um título que possa ser exibido (Mostrar título). Às vezes, para grandes janelas modais você precisa permitir o redimensionamento (Permitir redimensionar). E para vídeos mais longos, os usuários poderão aumentá-los (Permitir Expandir), Olhar melhor.

Para a largura e altura do caixa de luz, você pode editar os campos " omissão largura "E" omissão altura ". 

Para escolher o tema do caixa de luz, altere o menu suspenso tema " Também é possível ativar a reprodução automática (marque a caixa " Autoplay ").

abrir um vídeo do Youtube em um pop-up - define-les-regalges

Como exibir um caixa de luz num artigo

Le plug-in propõe uma lista de shortcodes que permitirá que você exiba caixa de luz em artigos. Esqueci de avisar que vocês também podem ver os vídeos disponíveis no Vimeo.

Para ver um vídeo YouTube ou Vimeovocê deve usar o shortcodes suivant:

[video_lightbox_youtube] (pour YouTube)
[video_lightbox_vimeo5] (pour Vimeo)

Cada um destes shortcodes aceita parâmetros, o que permitirá:

  • Defina o identificador (video_id) de um vídeo, geralmente neste formato " YzqKMmQ_3Sg ". exemplos [video_lightbox_youtub video_id = "YzqKMmQ_3Sg"]
  • Defina a altura do vídeo (altura)
  • Defina a largura do vídeo (largura)
  • Adicione uma descrição (descrição)
  • Adicione uma âncora HTML (âncora), ou texto do link que abrirá a janela
  • Adicione uma miniatura (auto_thumb)

Se você definir uma âncora HTML, a miniatura será ignorada. Caso contrário, auto_thumb pega o valor " 1 ".

Vá além, descobrindo também Como usar e gerenciar códigos de acesso WordPress

Demonstração de um uso

Com o que acabei de fornecer, você pode exibir um vídeo usando um código semelhante a este:

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0width="640height="480anchor="Une simple vidéo" description="Par Dr WP"]

Para um resultado semelhante

apresentação para-resultados

Você pode visualizar uma miniatura, como mostrado acima, com um código semelhante a este.

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0width="640height="480auto_thumb="1description="Par Dr WP"]

Para um resultado idêntico a este

mini-dunas-video

antes de sair

Deve-se notar que alguns parâmetros no shortcodes substituirá os definidos nas configurações.

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. FileBird

FileBirdName

Você já se esforçou para gerenciar milhares de arquivos de imagem, vídeo ou documento que você carregou no seu FTP do WordPress? sim ou não, não importa, o importante é saber que o WordPress Plugin FileBird irá ajudá-lo a gerenciar seus arquivos de mídia com facilidade e trazer mais poder à sua biblioteca.

Sua interface de usuário perfeita e menu de contexto permitem que os usuários arrastem e soltem arquivos em pastas ou tenham os direitos necessários para criar, renomear ou excluir rapidamente pastas da mesma maneira que você faz no seu computador. Com este plugin em mãos, seus arquivos de mídia serão sistematicamente organizados e você pode facilmente selecionar uma imagem para inserir em uma página ou publicá-la.

Descubra também o nosso 6 plug-ins do WordPress para dar uma nova vida aos seus artigos

Além disso, este plugin é totalmente compatível com os plugins mais populares, especialmente com WooCommerce, e também suporta um grande número de idiomas. Então, se você quiser dar um impulso ao gerenciamento de sua biblioteca de mídia, o WordPress Plugin FileBird pode ser sua arma secreta.

DescarregarDemo hospedagem na web

2. Social Share & Locker Pro

A extensão Social Share & Locker Pro foi projetada para ajudar seu site a ser mais visível nas redes sociais. Com apenas alguns cliques, você pode definir a posição de seus ícones sociais ou bloquear seu conteúdo solicitando o compartilhamento em uma das redes sociais oferecidas por você.

Plugin WordPress do Social Share Locker Pro

Você tem 10 modelos que devem cobrir os desejos mais comuns. Todos os seus modelos são perfeitos e funcionam maravilhosamente bem. Além disso, com o Social Share & Locker Pro, você poderá exibir o nome completo das redes sociais ou apenas o ícone. Dependerá do seu projeto, do espaço disponível ou do seu gosto.

Descarregar | Demo | hospedagem na web

3. Formulário de Contato 7 Tooltips

esta Extensão WordPress do plug-in Contact Form 7 traz uma funcionalidade de dica de ferramenta fácil para seu plug-in Contact Form 7. Suas dicas de ferramenta serão exibidas quando o elemento de destino for passado sobre o elemento. Em dispositivos móveis, as dicas de ferramentas indicam quando o elemento de destino está ativado.

Dicas do Formulário de Contato 7

Suas principais características são: facilidade de uso, suporte para todas as versões do Contact Form 7, personalização da cor de fundo da dica, suporte para código HTML, layout completo responsivo e muito mais.

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

Aqui! É isso para este tutorial, espero que ajude você a exibir vídeos do Youtube ou Vimeo em um lightbox no seu site WordPress. sinta-se livre para compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Mas, enquanto isso, conte-nos sobre seu Comentários e sugestões na seção dedicada.

...

%d bloggers gostam desta página: