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 görselleri, e-posta toplama formlarını, promosyonları veya kayıt formlarını görüntülemek için kullanılır. 

Ama bunun aynı zamanda video görüntülemek için de kullanılabileceğini biliyor muydunuz? WordPress ? Sigara? 

Merak etmeyin, 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 Bunlar modal pencerelerdir; ancak, bilmeyebileceğiniz şey, bu pencerelerde görüntülenen tüm resimlerin tüm işlem boyunca yüklenmemesidir. "yükleme" sayfa. 

Le denizci ücret les görüntüleri ne zaman hafif kutu Açıldığında, videolar için de aynı durum geçerlidir. Kısacası, bu bir özelliktir ki sayfalarınızın daha hızlı açılmasını sağlayacaktır.. 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 kontrol panelinizden yükleyebileceğiniz anlamına gelir veya indirin bir .zip dosyası olarak.

Daha fazla ayrıntı için, WordPress eklentisi nasıl kurulur konusunda adım adım kılavuzumuza göz atı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ı anlamaları için pencereyi saydam hale getirebilirsiniz. (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 (Showroom 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 oynatma özelliğini de etkinleştirmek 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 Bu, görüntülemenize olanak tanıyacaktır. hafif kutu Makalelerde Ayrıca, mevcut videoları da izleyebileceğinizi belirtmeyi 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 formatta " 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 senaryosunun gösterimi

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  

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 sunucunuza yüklediğiniz binlerce resim, video veya belge dosyasını yönetmekte hiç zorlandınız mı? Evet veya hayır, önemli değil; bilmeniz gereken şey, FileBird WordPress eklentisinin medya dosyalarınızı kolaylıkla yönetmenize ve kütüphanenize daha fazla güç katmanıza yardımcı olacağıdı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. Yani, medya kütüphanenizin yönetimine bir ivme kazandırmak istiyorsanız, WordPress FileBird eklentisi gizli silahınız olabilir.

Indir | gösteri | Web hosting

2. Sosyal Paylaşım ve Locker Pro

Social Share & Locker Pro eklentisi, web sitenizin sosyal medyada daha fazla görünürlük kazanmasına yardımcı olmak için tasarlanmıştır. Sadece birkaç tıklamayla, sosyal medya simgelerinizin konumunu belirleyebilir veya içeriğinizi kilitleyerek seçtiğiniz sosyal ağlardan birinde paylaşımını zorunlu hale getirebilirsiniz.

Çoğu ihtiyacı karşılayacak 10 şablon arasından seçim yapabilirsiniz. Bu şablonların hepsi mükemmel ve kusursuz çalışıyor. Ayrıca, Social Share & Locker Pro ile sosyal ağların tam adını veya sadece simgesini görüntüleyebilirsiniz. Bu, tasarımınıza, mevcut alana veya kişisel tercihinize bağlı olacaktır.

Indir | gösteri | Web hosting

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

Contact Form 7 eklentisi için geliştirilen bu WordPress uzantısı, kullanımı kolay ipucu işlevselliği ekler. Bu ipuçları, hedef öğenin üzerine gelindiğinde görünür. Mobil cihazlarda ise ipuçları, hedef öğeyle etkileşim kurulduğunu 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 burada sona eriyor; umarım YouTube veya Vimeo videolarını nasıl görüntüleyeceğiniz konusunda size yardımcı olur... WordPress web sitenizdeki lightbox. Tereddüt etmeyin 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.

Kendi ID’n ile mağazalarını oluştur