Divi 2.4'ü Keşfetmek: 100'lerce Yeni Modül Stilini Kontrol Etmek için Modül Özelleştiriciyi Kullanma

Bu ayın başlarında, Divi tarihindeki en büyük yükseltme ve en popüler WordPress temamız için dev bir adım olan Divi 2.4'ü tanıttı. Bu güncellemede keşfedilecek o kadar çok harika özellik var ki, hepsini sürüm gönderisinde açıklamak zordu, bu yüzden size nasıl alınacağını öğretmeyi amaçlayan 2 haftalık bir dizi bilgilendirici blog gönderisi yapmaya karar verdik. Divi 2.4'ün tam avantajı ve yeni seçenekleri. Bu serinin on ikinci bölümünde, tamamen yeni Divi Modül Özelleştiricisine genel bir bakış sunacağım.

Divi 2.4 Hakkında Her Şeyi Buradan Öğrenin

Divi Modül Özelleştirici Tanıtımı

Başka bir özelleştirici!? Evet, Tema Özelleştirici'den ayrı olarak, yüzlerce varsayılan modül stilini özelleştirmenizi sağlayan yeni bir özelleştirici ekledik. Örneğin, Slayt Modülü için varsayılan üst ve alt dolguyu ayarlayın; ardından yeni bir kaydırıcı eklediğinizde Modül Özelleştirici ayarlarını devralır. Bu özelleştirici size çok zaman kazandıracak ve alt tema özelleştirmelerine olan ihtiyacı daha da azaltacaktır.

Modül Özelleştirici ve Gelişmiş Tasarım Ayarları Arasındaki Farkları ve Benzerlikleri Anlama

Aşağıdaki resimde Galeri Gelişmiş Tasarım Ayarlarına ve Galeri Modülü Özelleştiricisine (Modül Özelleştirici > Galeri) bakıyorsunuz. Bir çok örtüşen stil vardır, bu nedenle hangi ayarların değiştirilmesi gerektiğini merak ediyor olabilirsiniz. Cevap, doğru cevap olmadığıdır – Bu sadece ne yapmaya çalıştığınıza bağlıdır. Basit açıklama, Gelişmiş Tasarım Ayarlarını değiştirmenin yalnızca düzenlediğiniz belirli modülü etkilemesi, Modül Özelleştirici'deki ayarları değiştirmenin ise sitenizdeki bu modülün her örneğini etkilemesidir.

Biraz Daha Derine Dalalım

Diyelim ki web sitemin birkaç sayfasına bir Galeri Modülü ekledim ve ayarlarım yukarıda gösterildiği gibi görünüyor (tema varsayılanları). İki galerim böyle görünecek.

Modül Özelleştiricide Vurgulu Yer Paylaşımını Değiştirme

Modül Özelleştirici'de vurgulu kaplama rengini Yeşil olarak değiştirirsem, sitemdeki tüm galeri örneklerini etkiler. Ayrıca tüm galeri modüllerinin gelişmiş ayarlarını da güncelleyecektir.

Gelişmiş Tasarım Ayarlarında Vurgulu Yer Paylaşımını Değiştirme

Advanced Design Settings'de bu değişikliği yaptığımda sadece düzenlediğim modülü etkilediğini ve Module Customizer'ı etkilemediğini görebilirsiniz.

Özetlemek gerekirse, Modül Özelleştirici yalnızca Gelişmiş Tasarım Ayarları için varsayılanları ayarlar; bunları geçersiz kılmaz. Ve artık Gelişmiş Tasarım Ayarlarında özel bir kaplama seçtiğime göre, artık Modül Özelleştirici tarafından kontrol edilmeyecek. Ancak, bindirme ayarının yanındaki sıfırlama simgesine tıklarsam, Modül Özelleştirici ile bir kez daha senkronize olur. Vay! Yaptık. Birkaç örnek daha inceleyelim.

Tüm Kaydırıcılar için Varsayılan Dolguyu Tanımlayın

Burada, sayfamda zaten iki kaydırıcım olduğunu görebilirsiniz. Tüm kaydırıcılarımın daha küçük ve daha kalın başlık metniyle biraz daha az dolguya sahip olmasını istiyorum. Bunu bir alt tema ile yapabilir, ePanel'in özel css alanını kullanabilir, sitemdeki her kaydırıcı için gelişmiş ayarları güncelleyebilir veya bunları anında değiştirmek için Slider Module Editor'ı kullanabilirim.

Varsayılan Görüntü Modülü Animasyonunu Değiştirin

Varsayılan görüntü animasyonunu her zaman istediğiniz şekilde değiştirmekten bıktınız mı? Görüntü Modülü Özelleştiricisine gidin ve gelecekte ekleyeceğiniz tüm görüntü modülleri için varsayılan tembel yükleme animasyonunu seçin. Bunun yalnızca 2.4'ten sonra eklenen görüntü modüllerini etkileyeceğini ve modülünüz kaydedildikten sonra artık Görüntü Modülü Özelleştirici ayarıyla senkronize edilmediğini unutmayın.

Animasyonlu Sayaçlarınızın Görünümünü Tamamen Özelleştirin

Bu seçeneklerin tümü, Gelişmiş Modül Ayarlarında sizin için mevcuttur, ancak bu, TÜM animasyonlu sayaçlarınızı değiştirmek için çok daha etkilidir.

Referans Portrelerinin Boyutunu ve Şeklini Seçin

Varsayılan Fiyatlandırma Tablosu Stillerini Ayarlamak için Modül Özelleştiriciyi Kullanın

Gelişmiş Ayarları Modül Özelleştirici Ayarlarıyla Birleştirme

Bu alanların her ikisinde de ayar kontrollerini karıştırmak işleri biraz daha karmaşık hale getirir, ancak bunu yapmak size çok daha fazla kontrol sağlar. Örnek olarak Call To Action modülünü kullanalım.

Ne zaman siteme bir Harekete Geçirici Mesaj modülü eklesem, yazı tipi boyutunun 36 piksel olmasını, Kalın olmasını ve 40 piksel dolgusunun olmasını istiyorum. Bunun site genelinde varsayılan olmasını istediğim için, bu değişiklikleri Modül Özelleştirici'de yapıyorum.

Aşağıdaki web siteme 4 CTA ekledim.

Ama ya sağ alttaki CTA'mın daha küçük bir başlık boyutuna sahip olmasını istersem? Yalnızca o belirli modülün başlık boyutunu değiştirmek istiyorum, bu yüzden değişikliği Gelişmiş Tasarım Ayarlarında yapacağım.

Burada dikkat edilmesi gereken harika bir şey, Modül Özelleştirici'de Başlık Yazı Tipi Boyutunu 36'ya ayarladığımda Divi, bu değişikliği yansıtmak için gelişmiş ayarlarımı otomatik olarak değiştirdi. Şimdi, başlık boyutumu 24'e indirdiğimde, başlık boyutumu 36'ya (veya o sırada Modül Özelleştirici ayarım ne olursa olsun) sıfırlayacak bir 'Sıfırlama' Simgesi ile karşılaşıyorum.

Sonuç, başlık boyutumu küçülttüğümü gösteriyor, ancak Modül Özelleştirici Ayarları sitemin geri kalanında yer almaya devam ediyor ve yine de yeni özelleştirilmiş CTA'mın kalın bir başlığa ve 40 piksel dolguya sahip olduğunu söylüyor.

Tüm bunların güzelliği, Modül Özelleştirici'nin, yazı tipi stilleri ve modül dolgusu gibi dokunmadığım gelişmiş ayarlar üzerinde hala kontrole sahip olmasıdır. Bu nedenle, Modül Özelleştirici'de yazı tipi stillerini ve dolguyu düzenlersem, CTA'larımın dördü de etkilenecektir.

Hızlı Özet

Modül özelleştiricinin ne zaman, nerede ve neden kullanılacağını herkesin anladığından emin olmak için hızlı bir özet yapmak istiyorum. Modül Özelleştirici, tüm web sitenizdeki modül ayarlarını kontrol eder ve ayrıca Gelişmiş Tasarım Ayarları için varsayılan ayarları belirler. Hiyerarşik olarak, Gelişmiş Tasarım Ayarları Modül Özelleştiriciyi geçersiz kılar. Temel olarak, bir modülün tek bir örneğini özelleştirmek için Modül Özelleştirici'yi kullanmayın.

Liste uzayıp gidiyor

Divi'deki hemen hemen her modülün Modül Özelleştirici ayarları vardır ve planımız, ilerledikçe seçenekler listesini büyütmeye devam etmektir. Varsayılan bir değer belirlemek istediğiniz ancak şu anda mevcut olmayan bir şey varsa, lütfen düşüncelerinizi yorumlarda paylaşın.