Popüler WordPress teması Divi , web sitesi tasarımcılarına ve geliştiricilerine zahmetsizce çarpıcı düzenler oluşturma olanağı tanıyan çok yönlü modülleriyle tanınır. Etkileyici modül cephaneliği arasında Divi Bölücü Modülü, kullanıcıların büyüleyici bölücüler oluşturmasına olanak tanıyan benzersiz bir araç olarak öne çıkıyor. Bu blog yazısında degrade bölücülerin büyüleyici dünyasına dalacağız ve tasarımlarınızı geliştirmek için Divi Bölücü Modülünden nasıl yararlanabileceğinizi keşfedeceğiz. Degrade bölücülerin nasıl çalıştığına daha yakından bakacağız ve yaratıcılığınızı ateşleyecek ilham verici örnekler sunacağız.
Ön izleme
İşte degrade tasarımımızın sonunda nasıl görüneceğine dair bir önizleme.
Divi'nin Bölücü Modülüyle Degrade Bölücüler Nasıl Oluşturulur
Divi'nin Bölücü Modülünü kullanarak bölücü oluşturmanın birden fazla yöntemi vardır. Varsayılan olarak modül, bölücü olarak bir çizgi gösterir. Ancak bu satırı devre dışı bırakmak ve renkler, degradeler, resimler ve daha fazlası gibi çeşitli Arka Plan seçenekleri kullanılarak özelleştirilebilen bir bölücü oluşturmak için modülün Arka Plan ayarlarını kullanmak mümkündür. Gerçek bölücüyü göstermek yerine, benzersiz bir tarza sahip bölücü üretmek için bölücünün kabını şekillendirmeye odaklanacağız.
Bölücüyü Gizle
İşlem kolaydır. Önce düzeninize bir Bölücü Modülü ekleyin ve ardından içerik sekmesinin altında bölücüyü gizleyin.
Harika Web Siteleri Oluşturun
En iyi ücretsiz sayfa oluşturucu Elementor ile
Şimdi başla
Bölücü Arka Planı
Daha sonra İçerik sekmesindeki Arka Plan ayarları menüsünden kullanmak istediğiniz arka plan türünü seçin. Bu yazıda Arka Plan Gradyanı seçeneklerine odaklanacağız.
Boyutlandırma ve Aralık Ekleme
Hemen hemen her boyutta ve şekilde şık bir ayırıcı oluşturmak için, ayırıcının kabının yüksekliğini ve genişliğini ayarlamak üzere Tasarım sekmesindeki Boyutlandırma ve Aralık seçeneklerini kullanın. İstenilen boyutu oluşturmak için genişlik ve yüksekliği, maksimum genişlik ve maksimum yüksekliği, modül hizalamasını ve üst ve alt dolguyu kullanın.
Kenarlık Yarıçapı Ekle
Şekli daha da şekillendirmek için Kenarlık Yarıçapı gibi kenarlık seçenekleri ekleyin. Büyüleyici şekiller oluşturmak için köşeler birlikte veya ayrı ayrı ayarlanabilir. Özel bir tasarım için ayrıca Kenarlık Genişliği, Stiller vb. ekleyebilirsiniz.
Degrade Bölücü
İlk degrade bölücümüz için Divi'de bulunan ücretsiz Home Baker Düzen Paketindeki açılış sayfasını kullanacağız. Bu düzen paketinin çizimlerinde kahverengi renkli geçişler ve güçlü, koyu çizgiler bulunur. Bunu, düzen paketinin renk paletini kullanarak degrademizle çoğaltacağız. İlk çizimimiz için kahraman bölümünde zaten mevcut olan Bölücü Modülünü kullanacağız. Bu basit ama yine de büyük bir görsel etki yaratıyor. Referans için Bölücü Modülünü eklemeden önceki düzeni burada bulabilirsiniz.
Görünürlük
Bölücü Modülünün Görünürlük seçenekleri altında Bölücüyü Göster için Hayır'ı seçin.
- Bölücüyü Göster: Hayır
Gradyan
Arka Plan seçeneğine ilerleyerek Arka Plan Degradesi sekmesini seçin. Bunun için beş Gradyan Durağı ekleyeceğiz. Diğer degrade parametreleri için varsayılan değerler kullanılacaktır. Her Kademeli Durağa ilişkin parametreler aşağıda listelenmiştir.
- İlk Gradyan Durağı: 0px, #dcc087
- İkinci Gradyan Durağı: 16px, #e6b060
- Üçüncü Gradyan Durağı: 22px, #f19d33
- Dördüncü Gradyan Durağı: 31px, #f49826
- Beşinci Gradyan Durağı: 48px, #3b261e
Degrade birimi olarak pikseller kullanılmalıdır. Aradığımız renkler artık mevcut. Geriye kalan tek şey boyutu optimize etmektir.
- Gradyan Birimi: Piksel
Boyutlandırma
Daha sonra Tasarım sekmesini seçin. Boyutlandırma altında Genişlik için %100'ü koyun. Her üç cihaz boyutunun Yüksekliği 40 piksel olarak ayarlanmalıdır. Modüler kapatma ayarlarınızı kaydedecektir.
- Genişlik: %100
- Yükseklik: 40 piksel
Son Önizleme
Şimdi burada degrade tasarımımızın son önizlemesini görüyoruz.
Düşünceleri Bitirmek
Bu, degrade bölücüler oluşturmak için Divi'nin Bölücü Modülünü kullanma konusundaki tartışmamızı tamamlıyor. Özel degrade bölücüler oluşturmak için Bölücü Modülündeki degrade seçeneğini kullanın. Kenarlık köşesi, aralık ve boyutlandırma seçeneklerini kullanarak çeşitli boyut ve şekillerde degrade bölücüler yapabiliriz. Sadece birkaç temel seçenekle kalabalığın arasından sıyrılacak farklı degrade bölücüler tasarlayabiliriz.
