Divi Video Kaydırıcı Modülünüze Bir Görüntü Nasıl Eklenir

Video kaydırma, küçük bir alanda çok sayıda video içeriği görüntülemenin iyi bir yoludur. Varsayılan olarak, Slide Video video görüntülerini görüntüler. Video slaytına farklı bir görünüm vermek istediğiniz zamanlar vardır. Bu makalede, Divi video kaydırıcı modülünüze nasıl kaplama görüntüleri ekleyeceğimizi göreceğiz. Ayrıca bindirme uçuşunu ve döner simgesinin nasıl ayarlanacağını da göreceğiz. Başlayalım. Video kaydırıcı kaydırıcı modülü modülü MP4 veya WebM videolarını görüntüleyebilir. Medya kitaplığınıza yükleyebilir veya başka bir yere gönderilebilmesi için URL’lerini kullanarak bağlayabilirsiniz. Video kaydırıcı modülü öğreticiler, kurslar, ürün incelemeleri, müzik videoları ve daha fazlası için mükemmeldir.
Varsayılan ekran görüntüsünü görüntüleyebilir veya kendi resminizi ekleyebilirsiniz. Kendi resminizi eklemek, video içeriği ne olursa olsun, web sitenizde tutarlı bir tasarım oluşturmanıza olanak tanır. Her slayt, modülün kendisine eklenen bir alt modüldür. Varsayılan bir ayar oluşturmak için modül kuvvetini ayarlayabilirsiniz ve her alt modelin stilini tek tek ayarlayabilirsiniz. Eğer alt modül düzenlemezseniz, normal modül ayarlarında hazırladığınız varsayılan stili kullanır. Seçenekler arasında oklar, görüntülerin genişliği, özel simgeler ve imleç genişliği bulunmaktadır.

Yeni sayfaya bir video kaydırıcı modülü ekleyin, sayfaya bir video kaydırıcı modülü ekleyelim ve nasıl kullanılacağını ve düzenleneceğini görelim. Divi’de bulunan ücretsiz danışman düzeni paketi hakkında bir sayfa kullanıyorum. İki parça arasında bir modül ekleyeceğim.

İlk olarak, görsel oluşturucuyu etkinleştirin ve yeni bir sütun satırı ekleyin.

Arka plan düzenlemesi bölümdedir, böylece modüle geçebiliriz. Ardından, videoları arayın ve Divi Video Kaydırıcı Modülünü tıklayın. Video Slider Modülü Video Kaydırıcı Modülüne ekleyin Başlangıç ​​yardımcı olmak için Subodul Video Varsayılan ekleyin. Ayarları açmak için dişli simgesini tıklayın.

Ardından, varsayılan videoyu silin veya videoyu değiştirmek için simgeyi seçin. Şimdi, MP4 veya WebM videolarını yüklemeyi veya başka bir yerde yayınlanan video için URL’leri girmeyi seçebilirsiniz. Eklemek istediğiniz tür için bir video ekleyin.

Ardından, medya kitaplığınıza video yükleyin ve görüntülemek istediğiniz video için URL’yi seçin veya girin.

Yeni bir video ekleyin ve kayar modül için bir video seçin.

Tüm videolarınızı ekleyene kadar bu işlemi tekrarlayın. Her video yeni bir slayttır. Ayarlardaki video seçim alanı altına yönetici etiket ekleyerek de adlandırabilirsiniz.

Bir sonraki varsayılan video kaydırma görüntüsünün genişliği, varsayılanı kaplayarak nasıl çalıştığına bakalım. Bu, eklediğimizde yeni bindirmenin ne yaptığını görmemize yardımcı olacaktır. YouTube’dan URL eklediğim için videomda bir kontrol, bilgi ve YouTube bağlantısı var. Slayt mevcut video altında görüntülenir. Slayt şu anda karanlık bir bindirme var.

Ana slaydın üzerinde yüzen navigasyon okları gösterir ve döner simgeyi kırmızıya değiştirir.

Slayt üzerinde gezinir, bindirme ve beyaz dönen simgeler gösterir.

Bir sonraki video kaydırıcı videosunu ekleyin, her videoya bindirme ekleyeceğiz. İlk olarak, bindirme seçeneğini etkinleştirmemiz gerekiyor. Kaydırıcı modülü içeriğini ayarlarken, kaplamaya gidin ve ana videoda resim kaplamalarını göster seçeneğini seçin. Ana videodaki görüntünün genişliğini görüntüleyin: Evet

Artık her slayt için kaplama etkinleştirilmiştir. Varsayılan oyuncu ayarlarının, geçerli video için Divi modül ayarlarıyla değiştirildiğini göreceksiniz. Her slaytı tek tek veya genel modül düzenleyebiliriz. Video kaydırmamızı düzenlemek, her videonun stilini tek tek ayarlayabilir veya modül stilini ayarlayabiliriz. Video varsa kendi stillerini kullanır. Değilse, stil modülünü kullanacaktır. Yalnızca modül veya video ayarlarında bulunan birkaç seçenek vardır. Her ikisi için de stil seçeneğini göstereceğim.
Modüle bir stil vermek için Tasarım sekmesini seçin. Slayt’a tek tek bir stil vermek için diş tekerleği simgesini seçin, ardından Tasarım sekmesini tıklayın. Her bir slayt için işlemi tekrarlayın.

Video kaydırıcı modülümüz için varsayılan stil ayarı, varsayılan video kaydırıcı modülü ayarlarıyla başlayacaktır. Bireysel olarak düzenlenmeyen her slayt bu ayarı kullanacaktır. Simgenin rengini çalın Tasarım sekmesini seçin. Kontrol altında, döner simge için özel bir renk seçin. #E3332E kullanıyorum. Bu, bu sayfa şablonunda kullanılan simgeyle eşleşen kırmızı bir renktir. Oynatıcı ve mini görüntüdeki simge bu rengi kullanacaktır.
Simgenin rengini çalın: #e3332e

Bir sonraki simge, listeden döner simgeyi seçin. Oyunu arayın ve favorinizi seçin. Öne çıkacak şekilde büyük bir üçgen seçtim.
Ikon: Büyük Üçgen

Bir sonraki simge yazı tipi boyutunu oynatın, simge boyutunu değiştirelim. Standart 96px’dir. Öne çıkmak için 160px olarak değiştirdim. Bu sadece büyük slaytları etkiler. Küçük resim bu seçenekten etkilenmez.
Döner simgenin yazı tipi boyutunu kullanın: Evet

Simge Yazı Tipi Boyutu Oynat: 160px
Görüntünün bir sonraki küçük rengi, küçük resim kaplama rengini RGBA olarak değiştirin (243.244.239.073). Bu, ana oyuncu ve mini vardiya için imlecin genişliğini etkiler.
Mini Görüntülerin Rengi: RGBA (243.244.239.0.73)

Slayt Stili Modül Kaydırıcı Videosu Sonraki, her slayt tek tek ayarlayacağız. Varsayılan ayarlarda, diğer iki stilde iki tane bırakacağım. Slayt Video Stili Dişlerin simgesini seçerek stil yapmak istediğiniz slaytı açın.
Görüntü Genişine kadar uzatın ve görüntüyü ekleyin.

Geniş: Görüntü ekle

Medya kitaplığınızdan resim yükleyin veya seçin.
Slaytınız artık videonun resmini değil, seçtiğiniz resmi görüntüleyecek. Simgenin rengini çal

Tasarım sekmesini açın ve yeni bir döner simgenin rengini seçin. Maviyi seçtim. Not, bu sadece küçük resim değil, slaytı etkiler.

Simgenin rengini çalın: #0c71c3

Bir sonraki simge, bu slayt için yeni bir simge seçin. Kırık bir ok seçtim. Bu sadece slaytlar için de geçerlidir.
Ikon: Broken Arrow

Bir sonraki video slayt stili her slayt için işlemi sürdürür. Bu örnekte dördüncü slaytımı açtım. Yer paylaşımı için aşağı kaydırın ve istediğiniz görüntüyü seçin.
Görüntü Geniş: Görüntü Ekle

Simgenin rengini çalın Tasarım sekmesini açın ve bu slayt görüntülenmesi için istediğiniz simgenin rengini seçin. Portakal seçtim.
Renk simgesi: #E09900

Bir sonraki simge, görüntülemek istediğiniz simgeyi seçin. Çemberli bir ok seçtim. Slaytınızla bittiğinde, modülü kapatın ve çalışmanızı kaydedin.
Videonun video kaymasının sonuçları Bu, divi video kaydırıcı modülünün sayfamdaki görüntülenmesidir. Birkaç örnek aldım. Bu örnek, dönen bir simge ve bir imleç içeren varsayılan ayarları gösterir.

Bu örnek, özel bir döner simgeye sahip özel bir görüntü gösteriyor. Görüntünün ve simgenin slayttan nasıl ayrı çalıştığını göstermek için imleci küçük resimlere yönlendiriyorum.
Bu örnek, özel bir görüntü ve döner simge ile ikinci slaydı gösterir. Özel görüntünün üzerinde göründüğünde imlecin yer paylaşımını görüntülemek için imleci slayta yönlendirdim.

İşte bunun nasıl kullanılabileceğine dair başka bir örnek. İstediğiniz görüntüleri ekleyebileceğiniz için, içeriği tanımlamak için resimleri kullanabilirsiniz. Bu örnek kurslar veya öğreticiler için çalışacaktır. Yalnızca gradyan bir arka planı vardır, ancak kurslarınız ve öğreticileriniz için üstün görüntüler yapmak istediğiniz görüntüleri kullanabilirsiniz.

İşte başka örnekler. Sadece görüntülerin genişliğini değiştirdim, ancak bu videoda tamamen farklı bir görünüm ve nüans veriyor.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir