Sayfanıza bir referans modülü ekleyebilmeniz için önce Divi Builder'a erişmeniz 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 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.
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ü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, bunu yapmanın en iyi yollarından biridir. desteklemek Ürününüz veya hizmetiniz. Bu örnekte, açılış sayfasının alt kısmında bir referans bölümü oluşturmak için Referans modülünü nasıl kullanacağınızı göstereceğim. desteklemek Ürününüz veya hizmetiniz. Referans bölümünün başlığı “Mutlu Müşteriler”. Hem yaratıcı hem de alakalı etkili bir başlığa sahip olmak önemlidir. Her üç referans da üç sütunlu bir düzende kısadır ve ardından sayfanın alt kısmında bir CTA düğmesi bulunur.
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.
Referans modülü ayarlarını aşağıdakilerle güncelleyin:
İçerik sekmesi
Yazar adı: [isim girin]
Makale başlığı: [başlığı girin]
Şirket adı: [şirketi girin]
İçerik: [tanıtının içeriğini girin]
Dikey Resim URL'si: [90 × 90 resmi indir]
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
Artı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.
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
İç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!
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
Tasarı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.
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
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.
[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?