Divi'deki sayfanıza video eklemek, Video modülünü kullandığınızda basittir. Bu modül, herhangi bir kaynaktan video yerleştirmenize ve aynı zamanda küçük resmi ve oynat düğmesini özelleştirmenize olanak tanır.
Sayfanıza video modülü nasıl eklenir
Sayfanıza bir video modülü ekleyebilmeniz için önce Divi Builder'a atlamanız gerekir. Bir kere Divi teması web sitenize yüklediğinizde bir düğme göreceksiniz Divi Builder'ı Kullan yeni bir sayfa oluşturduğunuzda yayın düzenleyicisinin üzerinde. Divi Builder'ı etkinleştirmek ve tüm Divi Builder modüllerine erişmek için bu düğmeye tıklayın. Ardından düğmeye tıklayın Visual Builder'ı kullan Jeneratörü görsel modda başlatmak için. Düğmeye de tıklayabilirsiniz Visual Builder'ı kullan WordPress panonuza bağlıysanız, web sitenizi ön planda tuttuğunuzda.
Visual Builder'a girdikten sonra, sayfanıza yeni bir modül eklemek için gri artı düğmesini tıklayabilirsiniz. Yeni modüller yalnızca satırların içine eklenebilir. Yeni bir sayfaya başlıyorsanız, önce sayfanıza bir satır eklemeyi unutmayın.
Mod listesinden video modunu bulun ve sayfanıza eklemek için üzerine tıklayın. Modların listesi aranabilir, yani "video" kelimesini de yazabilir ve ardından video modunu otomatik olarak bulup eklemek için enter'a tıklayabilirsiniz! Modül eklendiğinde, modül seçenekleri listesi tarafından karşılanacaksınız. Bu seçenekler üç ana gruba ayrılmıştır: içindekiler , Gebe kalma et gelişmiş .
Kullanım örneği örneği: Açılış sayfanıza bir video ekleme
Açılış sayfanıza video eklemek harika bir yoldur. desteklemek ürünlerinizi kullanın ve dönüşümleri artırın. Bu örnekte, açılış sayfanıza video eklemek için video modülünü nasıl kullanabileceğinizi göstereceğim. Videonun gitmesi gereken yere kırmızı bir daire koydum.
Visual Builder'ı kullanarak tam genişlikte satır (1 sütun) olan yeni bir bölüm ekliyorum. Satır ayarlarında, Tasarım sekmesinin altında "Özel genişlik kullan" seçeneğini seçiyorum. Görünen Özel Genişlik seçeneği için 767 piksellik özel bir genişlik giriyorum. Bu, bu satıra ekleyeceğim video modülünün bu genişliği aşmamasını ve daha büyük ekran boyutlarında çok büyük olmasını sağlar.
Ardından video modülünü satıra ekliyorum. Video Modülü ayarının İçerik sekmesinin altında, açılış sayfama yerleştirmek istediğim videonun video URL'sini giriyorum. Bu örnek için bir YouTube videosunun URL'sini kullanıyorum.
Ardından, "Video Oluştur" düğmesini tıklayarak videom için bir görüntü bindirme url'si ekliyorum. Bu, yeni bir özel video simgesiyle bir kaplama görevi görmek için videodan otomatik olarak bir çerçeve çeker.
Tasarım sekmesinin altında, oynatma simgesinin rengini açılış sayfamla eşleşecek şekilde değiştiriyorum.
Şimdi açılış sayfam için temiz görünen ve tasarımıma uygun bir videom var.
Artık video modunu çalışırken gördüğünüze göre, aşağıdaki bölümlerdeki tüm ayarlarına dalın. Modül ayarlarının her sekmesinde ne bulacağınıza ve her birinin ne yaptığına dair ayrıntılı bir açıklama sağladık.
İçerik seçenekleri
Videonun URL'si
Divi Video modülü, iki farklı yöntem kullanarak video eklemenize izin verir. Kendi video dosyanızı bilgisayarınızdan "Video İndir" butonuna tıklayıp istediğiniz dosyayı seçerek indirebilir veya Youtube gibi üçüncü şahıs video kaynaklarından herhangi bir video url'sini girebilirsiniz. veya Vimeo. URL'yi tarayıcınızdan kopyalayıp yapıştırın ve Video URL alanına yapıştırın, gerisini Divi halleder!
Görüntü bindirme url'si
Daha keskin ve daha stilize bir görünüm oluşturmak için standart video arayüzüne özel bir oynat düğmesiyle yerleştirilecek özel bir video küçük resmi ayarlamak istiyorsanız, bunu Görüntü Bindirme alanını kullanarak yapmayı seçebilirsiniz. Bu kontrol, kendi kişiselleştirilmiş görüntünüzü yüklemenize veya Divi'nin videonuzun URL'sinden otomatik olarak bir tane oluşturmasına izin verir. Youtube ve Vimeo gibi çoğu video sağlayıcı bu seçeneği destekler. Sadece "Video oluştur" düğmesine tıklayın ve bırakın gerisini Divi halleder!
Yönetici Etiketi
Varsayılan olarak, video modülünüz jeneratörde bir 'Video' etiketiyle görünecektir. Yönetici etiketi, kolay tanımlama için bu etiketi değiştirmenize olanak tanır.
Tasarım seçenekleri
simge rengini değiştir
Video bölmeniz için bir görüntü bindirmesi belirlerseniz, görüntülenen videonun üzerinde bir oynatma simgesi bulunur. Sayfanızdaki renklerle eşleşmesi için bu simgenin rengini burada belirleyebilirsiniz.
Seçenekler AVANCEES
CSS tanımlayıcısı ve sınıfları
Bu, modülünüze bir CSS Kimliği veya bir sınıf eklemek için kullanılabilir. Bunlar daha sonra modüle özel bir stil uygulamak için stil sayfanızda veya Tema Seçenekleri Özel CSS kutusunda kullanılabilir. CSS kimlikleri, sayfanızın belirli alanlarına bağlantı vermek için bağlantı bağlantılarıyla da hedeflenebilir.
Özel CSS
Burada video modülünüze özel CSS ekleyebilirsiniz.
görünürlük
Video modülünüzü bazı cihazlarda gizlemek istiyorsanız, video modülünü devre dışı bırakmak istediğiniz cihazları seçebilirsiniz.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”genişletilmiş” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI TEMASINI İNDİRİN [/vcex_button][/vc_column][vc_column width=” 1 /2"][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”genişletilmiş” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]YÜKLE ŞABLONLARI DIVI[/vcex_button][/vc_column][/vc_row]
Diğer Divi öğreticiler
- restoran kullanımı Divi tema için 5 siteleri
- Bir Divi WooCommerce ürününe metin ekleme
- Divi sayfaları arasındaki menü rengini değiştirme
- Bir blog'un ızgaralarını Divi ile kişiselleştirme
- Nasıl WordPress üzerinde rol Divi editörü kullanımı
- Tam ekran Divi sürgüsü nasıl oluşturulur
- Divi sayfaları arasındaki menünün rengi nasıl değiştirilir
- Divi hakkında muhtemelen bilmediğiniz özellikler
- WordPress üzerinde Divi Builder nasıl kullanılır
- Divi video kaydırma modülü nasıl kullanılır
- Divi Builder Flip modülü nasıl kullanılır
- Divi Builder'da referans modülü nasıl eklenir?
- Divi metin modülü nasıl kullanılır?
- Divi'de kaydırıcı nasıl oluşturulur
- Divi kullanıcı rolü nasıl düzenlenir
- Divi Sosyal Medya modülü nasıl kullanılır?
- WordPress Divi konulu mağaza modülü nasıl kullanılır?
- Divi kenar çubuğu modülü nasıl kullanılır
- Divi Fiyat Tablosu Modülünün Kullanımı
- Divi yayınlarının başlık modülünü nasıl kullanırım
- Divi video modülü nasıl eklenir
- Makale navigasyon modülü nasıl kullanılır
- Divi arama modülü nasıl kullanılır?
- Divi cüzdan modülü nasıl kullanılır?
- Divi Builder'da kişi modülünün kullanımı
- Divi filtreli cüzdan modülü nasıl kullanılır
- Tam genişlikte sürgü modülü nasıl kullanılır
- Divi Builder Görüntü Modülü nasıl kullanılır?
- Divi Builder'ın tam genişlikli gezinme modülünü nasıl kullanırım?
- Resim galerisi modülü nasıl kullanılır?
- Divi Builder Tam Genişlik Kart Modülü nasıl kullanılır?
- Divi Tam Genişlik Portföy Modülü nasıl kullanılır?
- Divi tam genişlikli başlık modülü nasıl kullanılır?
- Divi Sayaç Modülünün Kullanımı
- Divi Builder'daki makaleler sürgüsünü kullanma
- Divi Email Optin modülü nasıl kullanılır?