Divi Builder’daki Düğme Modülü Nasıl Kullanılır
Divi Builder’ı kullanarak bir yön sayfası (veya herhangi bir sayfa) oluştururken, sayfayı yapmak amacına göre, ziyaretçilerinizin istediğiniz işlemleri yapmasını kolaylaştırmak için bir düğme öğesi eklemek isteyebilirsiniz. Divi Builder tarafından sunulan tasarım öğeleri (modüller olarak adlandırılır) arasında, üzerinde çalıştığınız sayfaya düğme öğeleri eklemek için kullanabileceğiniz bir düğme modülü bulunur. Tabii ki, özel başlık şablonları, özel altbilgi şablonları vb. Divi Builder’da yeniyseniz, bu makale size bir düğme modülünün nasıl ekleneceğini ve nasıl düzenleneceğinizi gösterecektir.
Divi Builder’a Divi Builder’a bir düğme modülü nasıl eklenir Divi Builder kullanarak bir sayfa oluşturmak için en az bir parça ve bir satır eklemeniz gerekir. Satır eklerken, sütun yapısını ihtiyaçlarınıza göre seçebilirsiniz. Daha sonra düğme modülü dahil modülü bir satırdaki sütuna ekleyebilirsiniz. Divi Builder’daki bölümler ve satırlarla nasıl çalışacağımızı tartışan ayrı bir makalemiz var. Daha fazla bilgi edinmek için okuyabilirsiniz. Bir düğme modülü eklemek için, eklemek ve düğmeyi seçmek istediğiniz sütunda Gri Plus simgesini tıklamanız yeterlidir.
Düğmeyi düzenleme Bitirdikten sonra düğmenin boyutunu ayarlayın, metni ayarlayın ve bağlantıyı ekleyin, düğmeyi ayarlamaya başlayabilirsiniz. Divi Builder tarafından sunulan varsayılan düğmeyi görüntüleyin Mavi kenarlı ve mavi metni olan beyaz bir düğme. Düğmeyi ayarlamadan önce özel stili etkinleştirmeniz gerekir. Bunu yapmak için, Tasarım sekmesinin altındaki düğme bloğunu açın ve düğme için özel stilleri kullanma seçeneğini etkinleştirin. Bu seçeneğin etkinleştirilmesi daha fazla stil seçeneği açacaktır. Tasarım sekmesinin altındaki düğme bloğundan (etkinleştirilmiş düğme için özel stiller kullanılarak): Düğme metninin boyutunu ayarlayın
Metin düğmesinin rengini ayarlayın
Düğmenin arka planını ayarlayın. Düz renkli bir arka plan, gradyan veya görüntü kullanabilirsiniz
Düğme sınırı genişliğini ayarlayın
Düğme sınır rengini ayarlayın
Düğme sınırı yarıçapını ayarlayın
Yazı tipi ailesini düğme metninden ayarlayın
Metin yazı tipi ağırlığını ayarlayın
Düğme simgesini ayarlayın
Düğme bloğundaki stil seçeneğini tamamladıktan sonra, diğer stil seçeneklerini uygulamak için tasarımın altında başka bir bloğu açabilirsiniz.
Kutunun gölgesini düğmeye uygulamak için bu bloğu açabilirsiniz. Divi Builder tarafından sunulan 7 kutu gölge seçeneği var. Birini seçtikten sonra, gölgenin rengini, yatay konumunu, dikey konumu, bulanık mukavemeti ve yayılma gücünü ayarlayabilirsiniz.
Filtre
CSS filtresini modüle uygulamak için bu bloğu açabilirsiniz. Değiştirmek
CSS dönüşümünü düğmeye uygulamak için bu bloğu açabilirsiniz. Uygulamak istediğiniz CSS dönüşümünü seçin (mevcut sekmelerden birine tıklayarak) ve dönüşüm değerini ayarlamak için farenizi kullanın. Animasyon
Animasyonu düğme modülüne girmek için ayarlamak için bu bloğu açabilirsiniz. Aralarından seçim yapabileceğiniz yedi animasyonlu giriş seçeneği vardır. Birini seçtikten sonra animasyon süresini, animasyonun ertelenmesini ve erken animasyon opaklığını ayarlayabilirsiniz. Gelişmiş Ayarlar Tasarım sekmesinde stil düzenlemesini yapmayı bitirdikten sonra, bazı gelişmiş ayarlar yapmak için devam eden sekmeye geçebilirsiniz. Özel CSS eklemekten kaydırma efektini düzenlemeye kadar. Gelişmiş sekmesinde açabileceğiniz 7 blok vardır.
Kimlik ve Sınıf CSS Kod modülünden özel CSS eklemek için bu bloğu açabilirsiniz. CSS kimliği ve CSS sınıfı eklemek için bir blok açabilirsiniz.
Özel CSS
Kod modülü yerine doğrudan özel CSS eklemek için bu bloğu açabilirsiniz. CSS kodunuzu mevcut alanlara ekleyebilirsiniz. Bağlanmak
Anahtar bağlantı özniteliğini ayarlamak için bu bloğu açabilirsiniz. Görünürlük
Bu bloktan, belirli bir cihaz türündeki (masaüstü, tablet ve akıllı telefon) düğmeleri devre dışı bırakabilir/etkinleştirebilirsiniz. Sadece düğmeyi devre dışı bırakmak istediğiniz cihaz türünü kontrol edin. Geçiş Hover animasyonlu geçişini ayarlamak için bu bloğu açabilirsiniz.
Durum Divi Builder’a (düğme modülü dahil) yeni bir modül eklediğinizde, konumu statik olarak ayarlanır (varsayılan). İsterseniz, konumunu göreceli, sabit veya mutlak olacak şekilde ayarlayabilirsiniz. Akraba: Bu seçeneği seçerseniz, düğme modülü sayfanın normal sayfalarını izler. Bu seçenek üst, alt ve sağ özellikler sunar. Mutlak: Bu seçeneği seçerseniz, düğme modülü için sayfada gerçek bir alan olmayacaktır. Bunu gerçek alanı işgal eden diğer satırların üzerinde yüzen bir eleman olarak düşünebilirsiniz.
Onarım: Bu seçeneği seçerseniz, düğme modülü sayfanın normal akışını kırar ve sayfada gerçek alan yoktur. Kaydırma efekti
Kaydırma efektini düğme modülüne ayarlamak için bu bloğu açabilirsiniz. Yatay kaydırma efektini veya dikey kaydırma efektini ayarlayabilirsiniz. Bu bloğun yapışkan seçeneğini de uygulayabilirsiniz.
Sonuç olarak, düğmenin, sitenize gelen ziyaretçilerin satın alma veya dijital ürünler indirme gibi belirli işlemleri yapmasını kolaylaştıracağını ekler. Divi Builder’da, sayfaya veya tema üreticisi şablonuna düğme öğeleri eklemek için düğme modülünü kullanabilirsiniz. Divi Builder, şık bir düğme yapmanıza izin vermek için oldukça zengin bir stil seçeneği sunar. CSS bilginiz varsa, Divi Builder özel CSS eklemenize izin verdiğinden sınırsız bir ayarlama seçeneğiniz vardır.
