Ana İçeriğe Geç

Divi Builder Flip modülü nasıl kullanı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 Toggle 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 Görsel Oluşturucu'yu etkinleştir WordPress panonuza bağlıysanız, web sitenizi ön planda tuttuğunuzda.

görsel oluşturucuya erişim

Görsel Oluşturucu'ya 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.

flip flop divi modülü.png

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

Örnek kullanım örneği: SSS sayfası

Bir SSS sayfası, Toggle modülünü kullanarak bilgileri birleştirmek için en iyi yerlerden biridir. Kullanıcının tonlarca metni okumak zorunda kalmadan aradığı soruyu hızlı bir şekilde tanımlamasına olanak tanır. Bu örnek için, birkaç dakika içinde SSS sayfanız için modern bir SSS bölümü tasarlamak için Toggle modülünü nasıl kullanabileceğinizi göstereceğim.
örnek sayfa SSS.jpg

Görsel Oluşturucu'yu kullanarak, tam genişlikte satır (1 sütun) içeren yeni bir bölüm ekleyin. Ardından satıra bir Bölücü modülü ekleyin. Bölücü modülü ayarlarının İçerik sekmesi altında, “Bölücüyü Göster” seçeneğini seçin.

bir flip-flop düğmesinin divi.png örneği

Tasarım sekmesinde aşağıdaki seçenekleri girin:

Renk: # 000000 (siyah)
Bölücü Stili: Katı
Ayırıcı Konumu:
Dikey olarak ortalanmış bölücü Ağırlık: 4px
Yükseklik: 1

yapılandırma seçenekleri divi.png'yi değiştir

Ardından, aynı satırda yeni oluşturduğum bölücünün altına bir geçiş modülü ekleyin. Toggle modülü ayarlarında aşağıdakileri güncelleyin:

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]

İçerik sekmesi

Başlık: [başlığınızı girin] İçerik: [içeriğinizi girin] Durum: Kapat
Açık Arka Plan rengi: #ffffff
Kapalı Arka plan rengini değiştir: #ffffff
Arka plan rengi: #ffffff

Tasarım sekmesi

Simge Rengi: # 000000
Aç / Kapat Metin Rengi: # 000000
Kapalı Geçiş Metin Rengi: # 000000
Başlık Font: Açık Sans, Kalın
Yazı tipi boyutu: 24px
Başlık Metin Rengi: # 000000
Gövde Yazı tipi: Açık Sans
Gövde Yazı tipi Boyutu: 18px
Gövde Metni Rengi: # 666666
Gövde çizgisinin yüksekliği: 1.6em
Sınırı kullan: EVET
Kenarlığın genişliği: 0px
Özel dolgu: En iyi 2px, Alt 2px

divi.png rocker ile yeni içerik

Geçiş modülü için ayarınızı kaydettikten sonra, oluşturduğunuz bölücü modülü çoğaltın ve geçiş modülünün altına yerleştirin. Bu, tahterevalliyi bir üst ve alt bölme çizgisiyle çerçeveleyecektir. Bundan sonra geçiş modülünüzü çoğaltın ve alt ayırma çizgisinin arkasına yerleştirin. Bu, yinelenen bir Toggle modülü olduğundan, tüm tasarım parametreleri yeni Toggle modülüne aktarılmıştır ve yapmanız gereken tek şey yeni Toggle modülünün içeriğini güncellemektir. Ardından Bölme ve Ölçek Modülleri modüllerini çoğaltma işlemine devam edin ve tüm SSS bölümünü tamamlayana kadar ölçeklerinizin içeriğini güncelleyin.

Bu kadar. Artık sorularınızı ve yanıtlarınızı birleştirmek için Geçiş modülünü kullanan modern bir SSS bölümünüz var.

modül geçişi divi.gif

Geçiş modülünü çalışırken gördüğünüze göre, aşağıdaki bölümlerde 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.

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

flip-flops parametreleri divi.png

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]

Geçiş modülü içerik sekmesi aşağıdaki parametre gruplarında düzenlenmiştir (bunlar da alternatiftir!).

Metinleri

Burası başlığı ekleyebileceğiniz ve içeriği değiştirebileceğiniz yerdir.

Etat

Bu ayar ile düğmenizin varsayılan olarak açık veya kapalı görünmesini isteyip istemediğinizi seçebilirsiniz.

bağlam

Burada geçiş açıkken arka plan rengini ve kapatıldığında arka plan rengini değiştirebilirsiniz. Arka plan rengi seçeneğini ayarlayarak da kolayca aynı hale getirebilirsiniz. Bir arka plan resmi ayarlama veya yükleme seçeneği de vardır.

Yönetici Etiketi

Varsayılan olarak, geçiş modülünüz, oluşturucuda "Değiştir" yazan bir etiketle görünecektir. Yönetici etiketi, kolay tanımlama için bu etiketi değiştirmenize olanak tanır.

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

seçenek tasarımı toggle wordpress.png

Geçiş modülü için tasarım ayarları, Tasarım sekmesi altındaki aşağıdaki açılır geçişlerde gruplandırılmıştır.

ikon

Geçiş simgesinin rengini değiştirebileceğiniz yer burasıdır.

Metinleri

Burada açık ve kapalı geçiş metninin rengini ayarlayabilirsiniz.

Başlık metni

Burada başlık metni yazı tipini, ağırlığını, boyutunu, rengini, aralığını, satır yüksekliğini ve daha fazlasını ayarlayabilirsiniz.

Gövde metni

Burada yazı tipini, ağırlığını, boyutunu, rengini, aralığını, satır yüksekliğini ve daha fazlasını ayarlayabilirsiniz.

sınırlar

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.

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

aralık

Aralık alanında, geçişin ü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.

Modül geçişinin gelişmiş ayarları

flip-flop parametresi divi.png

Geçiş modülünüzün Gelişmiş sekmesinde, benzersiz bir kimlik ve css sınıfı ekleyebilirsiniz. Ayrıca, özel css açılır video kaydırıcı modülünde önceden tanımlanmış (ve önceden seçilmiş) çeşitli 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.

Hepsi bu eğitim için, umarım Divi Toggle modülünü daha iyi kullanmanıza izin verir.

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