Ana İçeriğe Geç

Divi Eğitimi: Divi'ye Video Modülü Nasıl Eklenir

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]

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ü eklemeden önce Divi Builder'a geçmelisiniz. Divi teması web sitenize yüklendikten sonra 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.

divi oluşturucu

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.

video modülü divi.png

Modlar listesinde video modunu bulun ve sayfanıza eklemek için üzerine tıklayın. Mod listesi aranabilir, yani "video" kelimesini yazıp ardından video modunu otomatik olarak bulmak ve eklemek için enter'a tıklayabilirsiniz! Modül eklendiğinde, modül seçenekleri listesi ile karşılaşacaksınız. Bu seçenekler üç ana gruba ayrılı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 bir video eklemek, ürünlerinizi tanıtmanın ve dönüşümleri artırmanın harika bir yoludur. Bu örnekte, açılış sayfanıza video eklemek için video modunu nasıl kullanabileceğinizi göstereceğim. Videonun gitmesi gereken yere kırmızı bir daire koydum.

divi hakkında bir video oluşturma exemple.jpg

Visual Builder'ı kullanarak tam genişlikte satır (1 sütun) içeren 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ğlıyor.

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]

Özel genişlik divi.png kullanın

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.

divi.png bir video ekle

Ardından “Video Oluştur” düğmesine tıklayarak videom için bir resim bindirme url'si ekliyorum. Bu, yeni bir özel video simgesiyle yer paylaşımı olarak hizmet etmek için videodan bir kareyi otomatik olarak çeker.

bir bindirme divi video.jpg ekleyin

Tasarım sekmesinin altında, oynatma simgesinin rengini açılış sayfamla eşleşecek şekilde değiştiriyorum.

oyuncu simgesini düzenle divi video.jpg

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Şimdi açılış sayfam için temiz görünen ve tasarımıma uygun bir videom var.

içerik videosu ile son tasarım

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

parametre modülü divi.png

Videonun URL'si

Divi Video modülü, iki farklı yöntem kullanarak video eklemenizi sağlar. “Video İndir” düğmesine tıklayıp istediğiniz dosyayı seçerek bilgisayarınızdan kendi video dosyanızı indirebilir veya Youtube veya Vimeo gibi üçüncü taraf video kaynağından herhangi bir video URL'si girebilirsiniz. URL'yi tarayıcınızdan kopyalayıp yapıştırın ve Video URL alanına yapıştırın, Divi gerisini 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 oynatma düğmesiyle yerleştirilecek özel bir video küçük resmi ayarlamak istiyorsanız, bunu Görüntü Yerleşimi alanını kullanarak yapabilirsiniz. Bu kontrol, kendi kişiselleştirilmiş resminizi yüklemenize veya Divi'nin videonuzun URL'sinden otomatik olarak bir tane oluşturmasına izin verir. Çoğu video sağlayıcı, Youtube ve Vimeo gibi bu seçeneği destekler. Basitçe "Video oluştur" düğmesine tıklayın ve gerisini Divi'ye bırakın!

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

bölüm tasarımı divi.png tasarım

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

video modülü gelişmiş bölüm.png

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

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.

Diğer Divi öğreticiler

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üş
16 hisseleri
hisse8
cıvıltı3
Enregistrer5