Birçoğunun Siber Pazartesi döneminde abonelerine sağladığı özel açılış sayfalarından biri, harika yazılım sürümleri açılış sayfasıdır. Bu düzen, harika resimlere ve okuyucuları hayran bırakacak bölüm ayırıcıların benzersiz bir kullanımına sahiptir. ziyaretçi.

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 öğreticinin kullanım örneğinde, size bir düğmeyi tıklayarak bir video demosunun nasıl oluşturulacağını göstereceğiz. Tıklandığında görünen video, masaüstünde ve küçük ekranlarda harika görünecek. Sayfanıza doğrudan bir video eklemek istemiyorsanız, ancak etkileşim oluşturmayı tercih ediyorsanız, bu harika bir yaklaşımdır. ziyaretçi.

anket

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

ofis

son sonuç divi video popup.gif

Telefon

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: web sitesi WordPress > Eklentiler > Yeni Ekle > 'Video PopUp'ı Arayın. 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.

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.

<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 açılır pencere eklemek oldukça basittir. Bu, videoları sunmanıza olanak tanır blogunuzun otomatik olarak içeriğe entegre etmenize gerek kalmadan.