Ana İçeriğe Geç

Divi'de bağlamsal bir demo video nasıl oluşturulur?

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]

Siber Pazartesi döneminde birçoğunun abonelerine sağladığı özel açılış sayfalarından biri, harika yazılım sürümü açılış sayfasıdır. Bu düzen, harika sanat eserleri ve ziyaretçileri şaşırtacak bölüm bölücülerin benzersiz kullanımına sahiptir.

cyber monday.jpg

Cyber ​​Monday için özel yazılım sürümü iniş sayfasını nasıl alabilirim?

Bu kullanıma atlamadan önce, yeni bir Elegant Themes üyesi olarak, mevcut hesabınızı yükselterek veya zaten bir ömür boyu üye olarak elde edebileceğiniz özel Siber Pazartesi açılış sayfasına aşina olmalısınız. bizimle. Zaten bir ömür boyu üye iseniz, üye alanımıza giriş yapabilir ve tüm özel sayfalarımızı buradan indirebilirsiniz. Diğer tüm kullanıcıların, eğitimimizin geri kalanını tamamlamadan önce satın almak veya yükseltmek için aşağıdaki düğmeyi kullanması gerekecektir.

Zaten bir hayat üyesi misin? Paketi şimdi indirebilirsiniz, Siber Pazartesi anlaşmasına katılmanıza gerek yok!

Divi'de bağlamsal bir demo video nasıl oluşturulur?

Yeni yazılım sürümü açılış sayfasını üye alanımızdan indirdikten sonra, aşağıdakileri okumaya devam edebilirsiniz.

Bu eğitimin kullanım durumunda, size bir düğmeye tıklayarak nasıl video demosu oluşturacağınızı göstereceğiz. Tıklandığında görünen video, masaüstü ve küçük ekranlarda harika görünecektir. Doğrudan sayfanıza video eklemek istemiyorsanız, ancak ziyaretçilerle etkileşim oluşturmayı tercih ediyorsanız, bu harika bir yaklaşımdır.

anket

Eğiticiye geçmeden önce, farklı ekran boyutlarındaki nihai sonuca bir göz atalım.

ofis

son sonuç divi video popup.gif

hareketli

sonuç mobil video açılırken divi.gif

Başlayalım!

Ücretsiz Video PopUp eklentisini kullan

Eklentiyi yükle ve etkinleştir

Yapılacak ilk şey indirmek için fişe takmak ücretsiz PopUp video . Bu eklentiyi şuraya giderek bulabilirsiniz: WordPress web sitesi> Eklentiler> Yeni ekle> 'Video PopUp'ı ara. Bu eklentiyi bulduğunuzda kurun. İşiniz bittiğinde eklentiyi etkinleştirdiğinizden emin olun.

video açılır.jpg

Eklenti ayarları

Bu eklentinin genel ayarlarına gidip en üstteki iki seçeneği etkinleştirerek devam edin.

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]

yapılandırma video popup.jpg

Yazılım sürümü açılış sayfasını kullanarak yeni bir sayfa ekleyin

Yeni bir sayfa ekleyin ve Görsel Oluşturucu'yu kullanın

İşleri uygulamaya koymanın zamanı geldi! Yeni bir sayfa ekleyin, sayfanıza bir başlık verin ve hemen Visual Builder'ı etkinleştirin.

yeni bir sayfa oluştur divi.jpg

Kaydedilmiş düzenlerden bir yazılım sürümü düzeni indirin

"Kaydedilmiş Düzenleriniz" e gidin ve yüklediğiniz açılış sayfasını indirin.

yüklenen düzen divi.jpg

Oynat düğmesinin Blurb modülü altında bir metin modülü ekleyin

Gördüğünüz gibi, sayfada zaten istenen sonucu elde etmemize yardımcı olacak bir oynat düğmesi var. Ancak bunun işe yaraması için, bir metin modülü kullanarak Blurb modülündeki tasarımı yeniden oluşturmamız gerekiyor. Blurb modülünün hemen altına yeni bir metin modülü ekleyin.

blurb.jpg modülünün üstüne metin ekle

İçerik alanına bir resim ekleyin

Metin modülünü ekledikten sonra devam edin ve oynat düğmesi resmini metin modülünüzün içerik alanına ekleyin " Medya ekle Ve medya kütüphanenizdeki oynat düğmesini seçin.

Divi.jpg dosyasını bulanıklaştırmak için medya ekleyin

bir resim seçin divi.jpg

İçerik alanına bir kopya ekle

Görüntünün hemen altına bir kopya ekleyerek devam edin.

duplicate blurb.jpg modülü

Metin ayarları

Modülün düzen ile eşleşmesini sağlamak için, modül metin ayarlarında merkezi metin yönlendirmesini etkinleştireceğiz.

merkezi orientation.jpg etkinleştirme

Varsayılan bağlantı metni ayarları

Ayrıca link metninin parametrelerini de buna göre değiştireceğiz:

  • Bağlantı Yazı tipi: Kabin
  • Yazı tipi ağırlığını bağla: kalın
  • Bağlantı Metni rengi: rgba (162,176,193,0.7)
  • Bağlantı metni boyutu: 17px
  • Bağlantı hattının yüksekliği: 1.6em

tasarım menü bağlantısı divi.jpg

Metin ayarlarının üzerine gelin

Vurgulu metnin rengini değiştirin.

  • Bağlantı metni rengi: # a2b0c1

divi.jpg bağlantısının rengini değiştir

aralık

Son olarak, ayrıca metin modülüne negatif bir üst kenar boşluğu ekleyin.

  • Üst Marign: -20vw

bir üst sınır koymak divi.jpg

Metin modülünün içeriğine bağlamsal bir okuma ekleme

Metin düzenleyiciye geç

Tıklamada açılır pencere oluşturmak için, metin modülünün içeriğine özel bir bağlantı eklememiz gerekecek. Metin modülü içerik alanına geri dönün ve Metin Düzenleyici modunu seçin.

metin düzenleyici modunda divi.jpg metin modülünü düzenleme

Tüm içeriğe bir bağlantı ekle

Görüntüye ve kopyaya bir bağlantı ekleyerek içerik noktanızı pop-up'a bağlayın. Bağlantı URL'sini kendi URL'nizle değiştirdiğinizden emin olun.

Ç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]

<a class="vp-s vp-yt-type" href="https://www.youtube.com/watch?v=zesTKCnvyAU" data-dwrap="1"></a>

video divi.jpg ile bir görüntü ekle

Blender modülünü oynatma düğmesinden çıkarın

Artık Blurb moduyla tamamen aynı görünen bir metin modu oluşturduğumuza göre, daha önce var olan Blurb modunu kaldırabiliriz ve işte bu kadar! Bu yöntemi kullandığınız herhangi bir düzen türüne uygulayabilirsiniz, ancak yazılım sürümü açılış sayfası için gerçekten büyük bir katma değerdir.

kullanılmayan bulanıklık modülü divi.jpg silin

Son düşünceler

Gördüğünüz gibi, Video Popup eklentisini kullanarak Divi'ye bir açılır pencere eklemek oldukça basit. Bu, içeriğe otomatik olarak yerleştirmenize gerek kalmadan blogunuzda videoları öne çıkarmanıza olanak tanır.

Bu makale yorumları 0 içeriyor

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üş
5 hisseleri
hisse4
cıvıltı
Enregistrer1