Divi ile yapışkan bir video kaydırıcı nasıl yapılır
Yapışkan video kaydırıcı, kullanıcılar sayfada içeriği kaydırdıklarında özlü video koleksiyonlarını ön satırlarda saklamanın etkili bir yoludur. Bu, video ve yazılı talimatlardan eşzamanlı olarak yararlanacak öğreticiler veya tarifler için çok uygun olacaktır. Bu öğreticide, Divi ile yapışkan bir video kaydırıcı yapmanın ne kadar kolay olduğunu göstereceğiz. Ve kullanım durumlarımızın örnekleri için tarif sayfasına yapışkan bir video kaydırıcı ekleyeceğiz. Bölünelim! Bu öğreticide yapacağımız tasarımda bir bakışta YouTube Kanalı Sneak Peek’e abone olun.
Bu öğreticiden bir tasarım almak için düzeni ücretsiz indirin, önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmelere erişmek için, aşağıdaki formu kullanarak Divi Daily E -posta listemize abone olmanız gerekir. Yeni bir müşteri olarak, her Pazartesi daha fazla Divi’nin iyi ve ücretsiz Divi düzen paketleri alacaksınız! Zaten listede iseniz, e -posta adresinizi aşağıya girin ve İndir’i tıklayın. “Abone olmayacak” veya ek e -postalar almayacaksınız.
Dosyayı indir
Divi bültenine katılmak için ücretsiz indirin ve en iyi divi düzen paketinin kopyasına bir e -posta göndereceğiz, ayrıca birçok kaynak, ipucu ve olağanüstü ve ücretsiz divi hileleri. Birlikte takip edin ve kısa sürede bir divi ustası olacaksınız. Abone olduysanız, e -posta adresinizi aşağıya yazın ve Düzen Paketine erişmek için İndir’i tıklayın.
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve bölümün düzenini Divi kütüphanenize aktarmak için Divi kütüphanesine gidin. İçe Aktar düğmesini tıklayın. Taşınabilirlik açılır penceresinde, İçe Aktarma sekmesini seçin ve bilgisayarınızdan indirme dosyasını seçin. Ardından İçe Aktar düğmesini tıklayın.
Bittiğinde, parçanın düzeni Divi Builder’da mevcut olacak. Doğrudan öğreticiye mi gidiyorsunuz? Önceden yapılmış bir düzene sahip yeni bir sayfa için divi ile yapışkan bir video kaydırıcı yapın, daha önce yapılmış düzenlerden biriyle yeni bir sayfa etkinleştirerek ve çalıştırarak öğreticimizle başlayalım. İşte bunu nasıl yapacağınız:
Yeni bir sayfa oluşturun ve bir başlık verin
Divi Builder’ı kullanmak için tıklayın (ön uçta)
Daha önce oluşturulan düzeni kullanmayı seçin
Beslenme uzmanı tarif sayfasının düzenini arayın ve seçin.
Düzeni sayfaya yüklemek için “Bu düzeni kullan” düğmesini tıklayın.
Düzen sayfaya yüklendikten sonra, sayfaya yapışkan bir video kaydırıcı eklemeye hazırsınız. Bu örnek için yapışkan bir video kaydırıcısı için düzen değiştirme, iki sütunun sol sütununa yapışkan bir video kaydırıcısı ekleyeceğiz. Bu, kullanıcılar doğru sütunda içerik hazırlamak için kaydırdıklarında videoyu görünür tutmamızı sağlar. Bu tür ayarlar, video ve yazılı talimatlardan yararlanacak tarifler ve öğreticiler için çok uygun olacaktır. Düzeni değiştirmek için, ilk olarak “Malzeme” ve “Talimatlar” içeren iki sayfada ikinci satırı arayın. Ardından, iki metin modülünü sol sütundan sağ sütunun üstüne taşıyın, sol sütunu boş bırakın. Sol sütundaki yapışkan bir video kaydırıcı modülü aynı satırdan yapın, yeni bir video kaydırıcı modülü ekleyin.
Yapay videolar, Embed URL’yi kullanarak YouTube videolarımızdan birini içerecektir. Video vardiyanıza üçüncü taraflarca yayınlanan videolar bu şekilde ekleyebilirsiniz. Videoyu değiştirmek için video öğesi ayarlarını açın. Ardından “Eklenen URL” eylemini seçin. Yeni URL’yi giriş kutusuna yapıştırın ve “Gönderiyi yerleştir” i tıklayın. Değiştirmeye daha fazla video eklemek için, gri tıklayabilir ve “Yeni Videolar Ekle” veya sadece mevcut videoları çoğaltabilirsiniz. Bu örnek için, kaydırıcıda toplam 3 video yapmak için videoları iki kez çoğaltalım.
Yapışkan Konum: Yapıştır (masaüstü), yapmayın (tablet ve cep telefonu) Ofset üst yapışkan: 30px (masaüstü), 0px (tablet ve cep telefonu)
Alt yapışkan limit: satır
Bu, sayfayı aşağı kaydırırken tarayıcının üst kısmına ulaştığında video kaymasının tarayıcı penceresinin üstüne yapışmasını sağlayacaktır. Sonra satırın altına her ulaştığında yapışkan durur.
YouTube Video/Gömme ile ilgili sorunun sonuçları Ana videoda bir dizi resim kullanarak bir YouTube URL’si kullanıyorsanız, video kaydırmasında birçok videoyu sabitlemek için varsayılan Divi seçeneğini kullanmamalısınız ” Ana videodaki görüntüler “. Bu, ses videosunun en başından itibaren farklı aralıklarla yinelenen ses çalmaya neden olan yapışkan bir durumla otomatik olarak oynatılmasına neden olur. Bu, MP4 veya WebM dosya formatlarında kendileri tarafından yayınlanan videolar için geçerli değildir. Kendi videonuz için ana videodaki görüntülerin genişliğini görüntüleyebilirsiniz. Bu nedenle, divi video modülleriyle kaplama görüntüleri ve divi dönen simgeleri kullanmak istiyorsanız, MP4 video/URL dosyaları ve WebM eklemeniz gerekir.
Yine de, video kaydırmasında YouTube videonuza özel bir görüntü ekleyebilirsiniz. Ana video altında hala küçük resim kontrolünde görünecekler. PRO İPUÇLARI: Video sırasındaki her adım için minyatür bir görüntü oluşturun Bilginiz varsa, her video için adımlara veya sayılara göre ayarlamak için kolayca basit mini görüntüler oluşturabilirsiniz. Bir bindirme görüntüsü örneği İşte kayar çubuktaki bir ekran örneği. Kendiniz kaydırıcıya gönderilen videoyu kullanmak istiyorsanız, Video ayarlarını açın.
Video Ekle’yi tıklayın. Kütüphanenizden bir dosya seçin veya videoya üçüncü bir -Party barındırma URL’si ekleyin.
Her videoya MP4 ve WebM dosyaları eklemek her zaman iyi bir fikirdir. Birleşik, her ikisi de hücresel dahil çoğu web tarayıcısı için destek sunar. Unutmayın, videonuz için iyi bir küçük resim olarak bir kaplama görüntüsü ekleyebilirsiniz. Kaplama seçeneğinin altında, ana videoda kaplama görüntülerini görüntülemeyi bile seçebilirsiniz. Buradaki nihai sonuç, yapışkan video kaydırıcımızın hareket halindeki başka bir ekranı.Son zihin, Divi varsayılan yapışkan seçeneğine alışıksanız yapışkan video kaydırıcı modülünü oldukça kolay hale getirir.Ve sonuçların birkaç harika uygulaması olabilir.Dahası, bu, videonun Divi’de nasıl çalıştığını anlamaya yardımcı olacaktır. Ayrıca, bir gizleme/ekran anahtarıyla nasıl bir macun videosu yapabileceğinize bakın.Yorumlarda sizden haber almayı umuyorum.Kızarmış ekmek!
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve bölümün düzenini Divi kütüphanenize aktarmak için Divi kütüphanesine gidin. İçe Aktar düğmesini tıklayın. Taşınabilirlik açılır penceresinde, İçe Aktarma sekmesini seçin ve bilgisayarınızdan indirme dosyasını seçin. Ardından İçe Aktar düğmesini tıklayın.
Bittiğinde, parçanın düzeni Divi Builder’da mevcut olacak. Doğrudan öğreticiye mi gidiyorsunuz? Önceden yapılmış bir düzene sahip yeni bir sayfa için divi ile yapışkan bir video kaydırıcı yapın, daha önce yapılmış düzenlerden biriyle yeni bir sayfa etkinleştirerek ve çalıştırarak öğreticimizle başlayalım. İşte bunu nasıl yapacağınız:
Yeni bir sayfa oluşturun ve bir başlık verin
Divi Builder’ı kullanmak için tıklayın (ön uçta)
Daha önce oluşturulan düzeni kullanmayı seçin
Beslenme uzmanı tarif sayfasının düzenini arayın ve seçin.
Düzeni sayfaya yüklemek için “Bu düzeni kullan” düğmesini tıklayın.
Düzen sayfaya yüklendikten sonra, sayfaya yapışkan bir video kaydırıcı eklemeye hazırsınız. Bu örnek için yapışkan bir video kaydırıcısı için düzen değiştirme, iki sütunun sol sütununa yapışkan bir video kaydırıcısı ekleyeceğiz. Bu, kullanıcılar doğru sütunda içerik hazırlamak için kaydırdıklarında videoyu görünür tutmamızı sağlar. Bu tür ayarlar, video ve yazılı talimatlardan yararlanacak tarifler ve öğreticiler için çok uygun olacaktır. Düzeni değiştirmek için, ilk olarak “Malzeme” ve “Talimatlar” içeren iki sayfada ikinci satırı arayın. Ardından, iki metin modülünü sol sütundan sağ sütunun üstüne taşıyın, sol sütunu boş bırakın. Sol sütundaki yapışkan bir video kaydırıcı modülü aynı satırdan yapın, yeni bir video kaydırıcı modülü ekleyin.
Yapay videolar, Embed URL’yi kullanarak YouTube videolarımızdan birini içerecektir. Video vardiyanıza üçüncü taraflarca yayınlanan videolar bu şekilde ekleyebilirsiniz. Videoyu değiştirmek için video öğesi ayarlarını açın. Ardından “Eklenen URL” eylemini seçin. Yeni URL’yi giriş kutusuna yapıştırın ve “Gönderiyi yerleştir” i tıklayın. Değiştirmeye daha fazla video eklemek için, gri tıklayabilir ve “Yeni Videolar Ekle” veya sadece mevcut videoları çoğaltabilirsiniz. Bu örnek için, kaydırıcıda toplam 3 video yapmak için videoları iki kez çoğaltalım.
Tasarım sekmesinin altında, mini görüntülerin renklerini düzene uyacak şekilde güncelleyin.
Mini Görüntülerin Rengi: RGBA (53.55,82.0.55) “Yapışkan” bir kaydırma yapmak için bir video kaydırıcısı “ekli” yapın, aşağıdaki sekmeyi açın ve aşağıdakileri güncelleyin:Yapışkan Konum: Yapıştır (masaüstü), yapmayın (tablet ve cep telefonu) Ofset üst yapışkan: 30px (masaüstü), 0px (tablet ve cep telefonu)
Alt yapışkan limit: satır
Bu, sayfayı aşağı kaydırırken tarayıcının üst kısmına ulaştığında video kaymasının tarayıcı penceresinin üstüne yapışmasını sağlayacaktır. Sonra satırın altına her ulaştığında yapışkan durur.
YouTube Video/Gömme ile ilgili sorunun sonuçları Ana videoda bir dizi resim kullanarak bir YouTube URL’si kullanıyorsanız, video kaydırmasında birçok videoyu sabitlemek için varsayılan Divi seçeneğini kullanmamalısınız ” Ana videodaki görüntüler “. Bu, ses videosunun en başından itibaren farklı aralıklarla yinelenen ses çalmaya neden olan yapışkan bir durumla otomatik olarak oynatılmasına neden olur. Bu, MP4 veya WebM dosya formatlarında kendileri tarafından yayınlanan videolar için geçerli değildir. Kendi videonuz için ana videodaki görüntülerin genişliğini görüntüleyebilirsiniz. Bu nedenle, divi video modülleriyle kaplama görüntüleri ve divi dönen simgeleri kullanmak istiyorsanız, MP4 video/URL dosyaları ve WebM eklemeniz gerekir.
Yine de, video kaydırmasında YouTube videonuza özel bir görüntü ekleyebilirsiniz. Ana video altında hala küçük resim kontrolünde görünecekler. PRO İPUÇLARI: Video sırasındaki her adım için minyatür bir görüntü oluşturun Bilginiz varsa, her video için adımlara veya sayılara göre ayarlamak için kolayca basit mini görüntüler oluşturabilirsiniz. Bir bindirme görüntüsü örneği İşte kayar çubuktaki bir ekran örneği. Kendiniz kaydırıcıya gönderilen videoyu kullanmak istiyorsanız, Video ayarlarını açın.
Video Ekle’yi tıklayın. Kütüphanenizden bir dosya seçin veya videoya üçüncü bir -Party barındırma URL’si ekleyin.
Her videoya MP4 ve WebM dosyaları eklemek her zaman iyi bir fikirdir. Birleşik, her ikisi de hücresel dahil çoğu web tarayıcısı için destek sunar. Unutmayın, videonuz için iyi bir küçük resim olarak bir kaplama görüntüsü ekleyebilirsiniz. Kaplama seçeneğinin altında, ana videoda kaplama görüntülerini görüntülemeyi bile seçebilirsiniz. Buradaki nihai sonuç, yapışkan video kaydırıcımızın hareket halindeki başka bir ekranı.Son zihin, Divi varsayılan yapışkan seçeneğine alışıksanız yapışkan video kaydırıcı modülünü oldukça kolay hale getirir.Ve sonuçların birkaç harika uygulaması olabilir.Dahası, bu, videonun Divi’de nasıl çalıştığını anlamaya yardımcı olacaktır. Ayrıca, bir gizleme/ekran anahtarıyla nasıl bir macun videosu yapabileceğinize bakın.Yorumlarda sizden haber almayı umuyorum.Kızarmış ekmek!
