Ana İçeriğe Geç

WordPress üzerinde bir popup bir Youtube video Nasıl Açılır

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Bir Youtube videosunu WordPress'te bir açılır pencerede nasıl açacağınızı öğrenmek ister misiniz?

La hafif kutu veya kalıcı pencere (pop-up) ağda çok yaygın bir özelliktir. Bununla birlikte, genellikle resimleri, e-posta yakalama formlarını, promosyonları ve hatta kayıt formlarını görüntülemek için kullanılır. 

Ancak videoları görüntülemek için kullanmanın da mümkün olduğunu biliyor muydunuz? WordPress ? Sigara? 

Endişelenmeyin, bu eğitimde size bir videoyu nasıl görüntüleyeceğinizi göstereceğim (Youtube - Vimeo - vb.) in a hafif kutu.

Ama daha önce, eğer WordPress keşfi hiç kurmadıysanız Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için 

O zaman neden burada olduğumuza dönelim.

Bir kullanmanızın nedenleri videolarınızı görüntülemek için lightbox 

 hafif kutu kalıcı pencerelerdir, ancak bilmediğiniz şey, içlerinde görüntülenen tüm görüntülerin "yükleme" sayfa. 

Le denizci ücret les görüntüleri ne zaman hafif kutu açılır, bu aynı zamanda videolar için de geçerlidir. Kısacası, bu bir özellik sayfalarınızın daha hızlı açılmasına izin verecek. Ayrıca boyutu küçültmenize de izin verir (uzunluk) Sayfanızdaki Ofçünkü bu sayfanın içeriğinin bir kısmı bu modal pencerede mevcut olacak.

Konuşmacı ateşkes, hadi işe gidelim.

yüklemek ve nasıl yapılandırılır fişe takmak WP Video Işık Kutusu

WP Video Lightbox bir fişe takmak WordPress.org'da mevcuttur. Bu, onu doğrudan WordPress panonuzdan yükleyebileceğiniz anlamına gelir veya indirin bir .zip dosyası olarak.

Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra fişe takmak, bu konumdan ayarlar sayfasına git " ayarlar >> Vidéo hafif kutu '.

Doğrudan " prettyPhoto '.

Gerçekte, bu fişe takmak başka kullan fişe takmakÖncelikle bir fotoğraf galerisi görüntülemek için tasarlanmıştır. Ancak videolara uygulanacak bilgilerin bir kısmını değiştirebilirsiniz.

Bunun için bazı seçenekleri açıklayacağım (Gerekli)Böylece istediğiniz gibi öyle.

Zaten kitapçı prettyPhoto aktif olmalı (kontrol et « etkinleştirme prettyPhoto »)Kullanıcıların aynı sayfada olduklarını bilmelerini sağlamak için pencereyi şeffaf yapabilirsiniz (tanımlamak 0 ile 1 arasında bir değer. Virgül değerleri kabul edilir).

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

keşfedin WordPress için etkili bir açılır pencerenin özellikleri 

Tüm lightbox'larınızda görüntülenebilecek bir başlık olabilir (şov başlık). Bazen büyük kalıcı pencereler için yeniden boyutlandırmaya izin vermeniz gerekir (izin vermek yeniden boyutlandırmak). Daha uzun videolar için, kullanıcılar bunları büyütebilecek (izin vermek Genişletmek), Daha İyi görünüm.

Genişliği ve yüksekliği için hafif kutu, alanları düzenleyebilirsiniz " varsayılan genişlik "Ve" varsayılan yükseklik '. 

Temasını seçmek için hafif kutu, açılır menüyü değiştirin tema ". Otomatik oynatmayı etkinleştirmek de mümkündür (kutuyu işaretleyin " Autoplay ").

açılır pencerede bir Youtube videosu açın - define-les-regalges

Nasıl görüntülenir? hafif kutu bir makalede

Le fişe takmak bir listesini önerir kısa kod göstermenize izin verecek hafif kutu Makalelerde Size mevcut videoları da izleyebileceğinizi söylemeyi unuttum Vimeo.

Bir videoyu görüntülemek için YouTube ou Vimeokullanmalısın kısa kod aşağıdaki:

[video_lightbox_youtube] (YouTube için)
[video_lightbox_vimeo5] (ilişkin Vimeo)

Bunların her biri kısa kod aşağıdakileri yapmanıza izin verecek parametreleri kabul eder:

  • Tanımlayıcıyı tanımlayın (video_id) bir videonun, genellikle bu biçimde " YzqKMmQ_3Sg '. örnekler [video_lightbox_youtub video_id =”YzqKMmQ_3Sg”]
  • Videonun yüksekliğini ayarlayın (yükseklik)
  • Videonun genişliğini ayarlayın (genişlik)
  • Bir açıklama ekle (tanım)
  • HTML çapa ekle (çapa) veya pencereyi açacak bağlantının metni
  • Küçük resim ekle (auto_thumb)

Bir HTML bağlantısı ayarlarsanız, küçük resim dikkate alınmaz. Aksi takdirde, auto_thumb değeri alır " 1 '.

Ayrıca keşfederek daha da ileri gidin kullanmak ve kısa kod WordPress nasıl yönetilir?

Bir kullanımın demosu

Size az önce size bilgi verdiğimde, buna benzer bir kod kullanarak bir video görüntüleyebilirsiniz:

[video_lightbox_youtube video_id = "YzqKMmQ_3Sg & rel = 0genişlik = "640yükseklik = "480anchor = "Bir basit video " description = "Gönderen Dr. WP "]

Benzer bir sonuç için

Sunum-for-sonuçlarında

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Küçük resmi, buna benzer bir kodla yukarıda gösterildiği gibi görüntüleyebilirsiniz.

[video_lightbox_youtube video_id = "YzqKMmQ_3Sg & rel = 0genişlik = "640yükseklik = "480auto_thumb = "1description = "Gönderen Dr. WP "]

Bununla özdeş bir sonuç için

minyatür-kumul-Video

ayrılmadan önce

Bazı parametrelerin kısa kod ayarlarında tanımlananların üzerine yazacaktır.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. FileBird

WordPress FTP'nize yüklediğiniz binlerce resim, video veya belge dosyasını yönetmekte hiç zorlandınız mı? evet veya hayır, her neyse, önemli olan, WordPress FileBird eklentisinin medya dosyalarınızı kolaylıkla yönetmenize ve kitaplığınıza daha fazla güç getirmenize yardımcı olacağını bilmektir.FileBird

Kusursuz kullanıcı arayüzü ve içerik menüsü, kullanıcıların dosyaları klasörlere sürükleyip bırakmalarına veya klasörleri bilgisayarınızda olduğu gibi hızlı bir şekilde oluşturma, yeniden adlandırma veya silme haklarına sahip olmalarını sağlar. Bu eklenti elinizde olduğunda, medya dosyalarınız sistematik olarak organize edilecek ve bir sayfaya eklemek veya yayınlamak için kolayca bir resim seçebilirsiniz.

Ayrıca bizim keşfetmek Makalelerinize yeni bir soluk getirmek için 6 WordPress eklentisi

Ayrıca, bu eklenti en popüler eklentilerle, özellikle WooCommerceve ayrıca çok sayıda dili destekler. Bu nedenle, medya kitaplığınızın yönetimini hızlandırmak istiyorsanız, FileBird WordPress eklentisi sizin gizli silahınız olabilir.

Indirgösteri Web hosting

2. Sosyal Paylaşım ve Locker Pro

Social Share & Locker Pro uzantısı, web sitenizin sosyal ağlarda daha görünür olmasına yardımcı olmak için tasarlanmıştır. Yalnızca birkaç tıklama ile sosyal simgelerinizin konumunu belirleyebilir veya sizin tarafınızdan sunulan sosyal ağlardan birinde paylaşım gerektirerek içeriğinizi kilitleyebilirsiniz.

Social Share Locker Pro WordPress Eklentisi

En yaygın istekleri karşılaması gereken 10 şablonunuz var. Tüm modelleri mükemmel ve harika çalışıyor. Ayrıca Social Share & Locker Pro ile sosyal ağların tam adını veya yalnızca simgeyi görüntüleyebileceksiniz. Tasarımınıza, mevcut alana veya zevkinize bağlı olacaktır.

Indir | gösteri | Web hosting

3. İletişim Formu 7 İpuçları

Contact Form 7 eklentisinin bu WordPress eklentisi, Contact Form 7 eklentinize araç ipuçlarını kolayca ekleme özelliğini getirir.Hedef öğe üzerine geldiğinde araç ipuçları görüntülenecektir. Mobil cihazlarda, araç ipuçları, hedef öğenin ne zaman devreye girdiğini gösterir.İletişim Formu 7 İpuçları

Başlıca özellikleri şunlardır: kullanım kolaylığı, İletişim Formu 7'nin tüm sürümleri için destek, araç ipucu arka plan renginin özelleştirilmesi, HTML kodu desteği, tam düzen duyarlı ve daha fazlası.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Indir | gösteri | Web hosting

Diğer önerilen kaynaklar

Ayrıca, web sitenizi ve blogunuzu daha iyi ele geçirmek ve kontrol altına almak için sizi aşağıdaki kaynaklara başvurmaya davet ediyoruz.

Sonuç

Orada! Bu eğitim için bu kadar, umarım Youtube veya Vimeo videolarını bir WordPress web sitenizdeki lightbox. çekinmeyin bahşişi sosyal ağlarınızda arkadaşlarınızla paylaşın.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma.

Ancak bu arada, bize Yorumlar ve özel bölümdeki öneriler.

...

Bu makale yorumları 7 içeriyor

  1. Bonjour
    Bir butona tıkladıktan sonra bir video açılır penceresini görüntülemenin bir yolunu arıyorum. WP Video Lightbox ile bunu yapmak mümkün mü?

    Teşekkür ederim
    Cordialement,

  2. Bonjour
    Bu iyi yapılandırılmış eğitim için çok teşekkür ederim, You Tube ve Vimeo dışındaki diğer platformlardan video eklemenin mümkün olup olmadığını (örnek Openload) veya bir sınır olup olmadığını bilmek istedim.

    seninki

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
7 hisseleri
hisse5
cıvıltı
Enregistrer2