Ana İçeriğe Geç

Divi Builder'da Testimonial modülü nasıl yapılandırılır

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]

Sayfanıza bir referans modülü eklemeden önce Divi Builder'a erişmeniz gerekir. 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 sunduğu tüm modüllere 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 Görsel Oluşturucu'yu etkinleştir WordPress panonuza bağlıysanız, web sitenizi ön planda tuttuğunuzda.

Divi görsel oluşturucuyu kullanmak

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.

Wordpress referans modülü

Modül listesinde referans modülünü bulun ve sayfanıza eklemek için üzerine tıklayın. Modül listesi aranabilir, yani "referans" yazabilir ve ardından referans modülünü otomatik olarak aramak ve eklemek için enter tuşuna basabilirsiniz! 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ş .

Örnek kullanım örneği: Bir ürün sayfası için referans bölümü

Bir referans bölümü eklemek, ürününüzü veya hizmetinizi tanıtmanın en iyi yollarından biridir. Bu örnek için, ürün veya hizmetinizi tanıtmak için bir açılış sayfasının altında bir referans bölümü oluşturmak için Referans modülünü nasıl kullanacağınızı göstereceğim. Referans bölümünün başlığı "Mutlu Müşteriler" dir. Hem yaratıcı hem de alakalı etkili bir başlığa sahip olmak önemlidir. Her üç referans, üç sütun düzeninde kısadır ve ardından sayfanın alt kısmında bir CTA düğmesi bulunur.

Divi referansları içeren örnek içerik

Referans bölümünü sayfaya eklemek için, görsel oluşturucuyu kullanarak üç sütunlu standart bir bölüm ekleyin. Ardından, satırınızdaki ilk sütuna bir referans modülü ekleyin.

Divi tanıklık bölümüReferans modülü ayarlarını aşağıdakilerle güncelleyin:

İçerik sekmesi

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]

Yazar adı: [adı girin] Makale başlığı: [başlığı girin] Şirket adı: [şirket girin] İçerik: [referans içeriğini girin] Dikey Resim URL'si: [indir 90 × 90 resim] Alıntı simgesi
:

Tasarım sekmesi

Metin Rengi: Işık
Metin oryantasyonu:
Kolordu Kolordu Polisi: Roboto Işık
Gövde Yazı Tipi Boyutu: 20px
Gövde çizgisinin yüksekliği: 1.5em

Divi wordpress referans örneğiArtık ilk referans modunuzu oluşturduğunuza göre, onu iki kez çoğaltın ve ikinci ve üçüncü sütunları doldurmak için çoğaltılan modları sürükleyin.

Divi ifadesi örneği

Tüm tasarım parametreleri ikinci ve üçüncü satırdaki yinelenen modüllere aktarıldığından, geri dönüp her birinin içeriğini güncellemeniz yeterlidir.

Hepsi bu.

Testimonial modülünün içerik parametreleri

Divi modülünün içeriğinin parametresiİçerik sekmesindeki ayarlar, daha fazla seçenek görüntülemek için açabileceğiniz gruplar halinde düzenlenmiştir. Bu, aradığınız ayarı bulmanızı çok daha kolay hale getirir. Aradığınız ayar için tüm ayarlar sekmelerini aynı anda bulmak için üstteki arama çubuğunu da kullanabilirsiniz. Sizi doğrudan konuya götürecek!

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]

Metinleri

Referans yazarının adını, makale başlığını, şirketi ve referansın içeriğini ekleyebileceğiniz yer burasıdır.

Resim

Referansınıza eşlik edecek bir profil fotoğrafınız veya başka türde bir görseliniz varsa, onu ekleyeceğiniz yer burasıdır.

Ihtiyati haciz

Burada yazar veya şirket URL'sini ekleyebilir ve açılışını kontrol edebilirsiniz.

Elemanları

Burada, alıntı simgesini görünür veya gizli yapmayı seçebilirsiniz.

bağlam

Burada referansınıza bir arka plan rengi veya bir resim eklemeyi seçebilirsiniz.

Yönetici Etiketi

Bu açılır listeye, pano üzerindeki oluşturucuda ve görsel oluşturucu görünümünde görünecek bir yönetici etiketi ekleyebilirsiniz.

Referans modülünün tasarım parametreleri

Parametre tasarımı diviTasarım sekmesindeki ayarlar, istediğiniz ayarı bulmanızı kolaylaştırmak için aşağıdaki gruplar halinde düzenlenmiştir. Ve unutmayın, daha da hızlı bir ayar bulmak için arama çubuğunu da kullanabilirsiniz!

Alıntı simgesi

Burası, alıntı simgesinin rengini ayarlayabileceğiniz yerdir.

Portre

Dikey ayarları, İçerik sekmesine eklemiş olabileceğiniz görüntünün kenarlık yarıçapını, dikey genişliğini ve portre yüksekliğini ayarlamanıza olanak tanır.

Metinleri

Bu ayarlar, metnin rengini ve yönünü değiştirmenize izin verir.

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

Gövde metni

Bu ayarlar yazı tipini, ağırlığı, boyutu, rengi, aralığı, satır yüksekliğini ve daha fazlasını ayarlamanıza olanak tanır.

Sınır

Burada bir sınır kullanmayı seçebilirsiniz. Ve bir kenarlık kullanmayı seçerseniz, rengini seçebilir, genişliğini değiştirebilir ve stilini de seçebilirsiniz.

aralık

Aralık alanında, referansın üstüne, sağına, altına veya soluna özel dolgu ekleyebilirsiniz. Bu değerleri masaüstü bilgisayarlar, tabletler veya mobil cihazlar için de değiştirebilirsiniz.

Testimonial modülünün gelişmiş parametreleri

Gelişmiş ayarlar divi referanslarıReferans modülünüzün Gelişmiş sekmesinde, bir kimlik (tanımlayıcı) ve benzersiz bir css sınıfı ekleyebilirsiniz. Ayrıca, özel css açılır listesinin video kaydırıcı modülündeki çeşitli önceden tanımlanmış (ve önceden seçilmiş) css seçicilere özel css ekleyebilirsiniz. Son olarak, görünürlük açılır listesinde, modülünüzün telefonlarda, tabletlerde ve masaüstlerinde görünürlüğünü ayarlayabilirsiniz.

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
hisse10
cıvıltı1
Enregistrer5