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 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

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

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

Endişeye gerek yok, bu derste size bir videonun nasıl gönderileceğini 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.

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

hafif kutu modal pencerelerdir, ancak bilmediğiniz, üzerinde görüntülenen tüm görüntülerin yüklenmediği « yükleme« sayfa.

Le denizci ücret les görüntüleri ne zaman hafif kutu açılır, bu aynı zamanda videoların durumudur. Kısacası, bu bir özellik sayfalarınızın daha hızlı açılmasını sağlar. 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 adresinde mevcuttur. Bu, doğrudan WordPress panonuzdan kurabileceğiniz 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 göz atın.

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

Doğrudan sekmeye gideceğiz " 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 hale getirebileceksiniz (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 pencere karakteristiği

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]

Tüm lightbox'larınızda görüntülenebilecek bir başlık olabilir (şov başlık). Bazen büyük modal pencereler için yeniden boyutlandırmaya izin vermelisiniz (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 okumayı etkinleştirmek de mümkündür (onay kutusu " Autoplay ").

tanımlar-regalges

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

Le fişe takmak bir listesini önerir kısa kod hangi görüntülemek için izin verecektir 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ı tanımlayın (video_id) genellikle bu formatta bir video 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ı 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 = "A basit video » Description = »Yazan: Dr. WP "]

Benzer bir sonuç için

Sunum-for-sonuçlarında

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 = »Yazan: Dr. WP "]

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]

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 dosyasını, videoyu veya belgeyi yönetmekte hiç sorun yaşadınız mı? evet ya da hayır, herneyse, önemli olan şey, FileBird WordPress eklentisinin multimedya dosyalarınızı kolaylıkla yönetmenize yardımcı olacağını ve kitaplığınıza daha fazla güç getireceğini bilmek.

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. Elinizdeki bu eklentiyle, medya dosyalarınız sistematik olarak düzenlenir ve bir sayfaya eklemek veya orada yayınlamak için kolayca bir resim seçebilirsiniz.

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.

Indir | gösteri | Web hosting

2. Sosyal Paylaşma ve Locker Pro

Social Share ve 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ıklamayla, sosyal simgelerinizin konumunu ayarlayabilir veya sizin tarafınızdan önerilen sosyal ağlardan birinde paylaşmayı gerektirerek içeriğinizi kilitleyebilirsiniz.

En yaygın dilekleri içermesi gereken 10 şablonlarınız var. Tüm modeller mükemmel ve harikalar yaratıyor. Ek olarak, Social Share & Locker Pro ile sosyal ağların tam adını veya sadece simgesini görebilirsiniz. Tasarımınıza, kullanılabilir alanınıza veya zevklerinize bağlı olacaktır.

Indir | gösteri | Web hosting

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

İletişim Formu 7 eklentisinin bu WordPress uzantısı, İletişim Formu 7 eklentinize kolayca araç ipuçları ekleme özelliği sağlar. Hedef öğesi yönlendirildiğinde araç ipuçları görüntülenir. Mobil cihazlarda, araç ipuçları, hedef öğenin ne zaman devreye girdiğini gösterir.

Başlıca özellikleri: kullanım kolaylığı, 7 İletişim Formu'nun tüm sürümleri için destek, araç ipucu arka plan renginin özelleştirilmesi, HTML desteği, tam sayfa düzeni duyarlı ve çok 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. [Ücretsiz]

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! Hepsi bu ders için, umarım Youtube ya da Vimeo videolarını göstermek için yardımcı olur. WordPress web sitenizdeki lightbox. Tereddüt etmeyin ipucunu sosyal ağlarda arkadaşlarınla ​​paylaş.

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.

Ama 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
    Bir sınırı var olacağını iyi inşa Bu eğitimde için teşekkür ederim, ben YouTube ve Vimeo (openload örnek) dışındaki diğer platformlardan video eklemek mümkün olup olmadığını bilmek istedi ya.

    seninki

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. 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