WordPress'te bir açılır pencerede bir YouTube videosunun nasıl açılacağını öğrenmek ister misiniz?
La hafif kutu veya kalıcı pencere (pop-up) ağda çok yaygın bir özelliktir. Ancak 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 etkinleştirilmelidir (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).
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 ").
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] (pour YouTube)
[video_lightbox_vimeo5] (pour 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=0" width="640" height="480" anchor="Une simple vidéo" description="Par Dr WP"]
Benzer bir sonuç için
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=0" width="640" height="480" auto_thumb="1" description="Par Dr WP"]
Bununla özdeş bir sonuç için
ayrılmadan önce
Bazı parametrelerin kısa kod ayarlarında tanımlananların üzerine yazacaktır.
Ayrıca bazı premium WordPress eklentilerini keşfedin
diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.
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 ya da hayır, önemli değil, önemli olan WordPress Plugin FileBird, medya dosyalarınızı kolaylıkla yönetmenize ve kitaplığınıza daha fazla güç getirmenize yardımcı olacaktır.
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ığı yönetiminize bir destek vermek istiyorsanız, WordPress Plugin FileBird gizli silahınız olabilir.
Indir | gö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.
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ı
Cette WordPress uzantısı Contact Form 7 eklentisi, Contact Form 7 eklentinize kolay bir araç ipucu işlevi getirir.Hedef öğe üzerine gelindiğinde araç ipuçları görüntülenecektir. Mobil cihazlarda araç ipuçları, hedef öğenin ne zaman devreye girdiğini gösterir.
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ı.
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.
- Elementor: Bir url veya menüden açılır pencere nasıl açılır
- WordPress eklentisinin bir sürümünü nasıl indirgemek
- Bir sponsoru nasıl bulabilir ve blogunuzdan para kazanabilirsiniz? : Rehber
- bir müşteri için WordPress panosunu nasıl özelleştirilir?
- Mobil WordPress için tepkili bir menü oluşturmak için nasıl
Sonuç
Orada! Bu eğitim için bu kadar, umarım Youtube veya Vimeo videolarını bir WordPress web sitenizdeki lightbox. çekinmeyin En sevdiğiniz sosyal ağlarda 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.
...
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,
Bonjour
Prensip olarak evet.
unuttum
sağol
Merhaba ve öğretici için tebrikler.
"auto_thumb" kullandığımda video küçük resmini büyütebilir miyim?
Prensipte "auto_thumb" sabit boyutlara sahip önceden tanımlanmış bir görüntü kullanır.
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
Bonjour
Prensip olarak evet. Henüz test etmedik.