Divi 2.4'ü Keşfetmek: Divi'nin Yeni Gelişmiş Tasarım Ayarlarıyla Oluşturulan ÜCRETSİZ Kitaplık Paketi

İki gün önce, 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ık. 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 ikinci bölümünde, gelişmiş ayarları kullanmanın bazı yaratıcı yollarını ve kayıtlı öğeleri Divi Kitaplığınıza nasıl içe/dışa aktaracağınızı keşfedeceğiz. Kendi sitenizde kullanabilmeniz için bu gönderideki tüm öğeleri içeren bir Divi Kitaplık Paketi bile ekliyoruz!

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

Divi Kütüphanesi Sitenizi Oluştururken Saatlerinizi Nasıl Azaltabilir?

Henüz Divi 2.4'ü keşfetmediyseniz, muhtemelen kendinize şu soruyu soruyorsunuz: “Bir dakika, Divi Kütüphanesi nedir?” Basitçe söylemek gerekirse, Divi Builder'ı kullanarak oluşturduğunuz Modülleri, Satırları, Bölümleri ve hatta tüm düzenleri kaydetmeniz için yeni bir yerdir. Bir öğe kitaplığa kaydedildikten sonra, oluşturucunun içinden hızla erişilebilir. Bu kitaplık öğeleri, yeni web tasarım araç setinizdeki araçlar gibidir ve web sitenizde yeni sayfalar oluştururken veya müşterileriniz için yeni web siteleri oluştururken kullanılabilir.

Güncellemeden önce bir Divi kullanıcısıysanız, Divi'nin harika bir özellik olan 'Düzeyi Kaydet' özelliğine aşina olabilirsiniz, ancak mizanpajlarınızın sadece küçük bir kısmını kaydetme gücü ile sayfa oluşturmayı tam olarak bu hale getirir. Çok daha hızlı.

Artık bölümler, satırlar ve modüller kendi gelişmiş tasarım ayarlarına sahip olduğundan, sayfanızdaki öğeleri yapılandırmak için çok daha fazla zaman harcayabilirsiniz. Bu aynı zamanda son derece özelleştirilmiş öğelerin tekrar tekrar oluşturulmasını zorlaştırabilir. Ancak Divi Kütüphanesi sayesinde, bu karmaşık parçaları kütüphaneye kaydedebilir ve daha sonra başka bir sayfada veya hatta başka bir web sitesinde kullanılabilecek şekilde kullanabilirsiniz.

Divi 2.4'teki Gelişmiş Tasarım Ayarlarını Keşfetmek

Her öğenin gelişmiş tasarım ayarları öğe bazında benzersiz olsa da, paylaştıkları ve aşina olmanız gereken birçok ayar vardır. Bu sadece işleri hızlandırmakla kalmayacak, daha da önemlisi, olasılıkların ne olduğunu bildiğinizde web sitenizin tasarımını hayal ederken daha yaratıcı olmanızı sağlayacaktır.

Özel Dolgu ve Kenar Boşluğu

Özel dolgu veya kenar boşluğu ekleyerek modülünüzün içeriğine biraz daha nefes alma odası verin. Modülünüzün üst, sağ, sol ve/veya alt tarafı için dolgu/kenar boşluğu tanımlayabilirsiniz.

Özel Kenarlık

Modülünüzün çevresine kenarlık eklemek, kenarlık ağırlığı, stili ve rengi seçmek kadar kolaydır.

Özel Düğmeler

Site genelindeki buton ayarlarına ek olarak, modül bazında özel buton ayarları da tanımlayabilirsiniz.

Arka Plan Rengi / Resmi

Artık bireysel modüllere bir arka plan ekleyebilirsiniz. Bunu özel dolgu ile birleştirerek gerçekten yaratıcı modüller oluşturabilirsiniz.

Metin Seçenekleri

Modülünüz metin öğeleri içeriyorsa, Gelişmiş Ayarlar'da yazı tipi, renk, stil, boyut, satır yüksekliği ve harf aralığı gibi tipografi için her türlü ayarı bulacaksınız.

Bunlar sadece temel bilgiler! Aşağıda, web sitenizi nasıl gerçekten benzersiz hale getireceğinizi göstermek için daha benzersiz ayarlara sahip birkaç modülden geçeceğim.

Bir Referans Kaydırıcısı Oluşturun

Bu aslında kaydırıcılar için yeni özel dolgu seçeneğinden yararlanan tam genişlikte bir kaydırıcı modülüdür. Bir kaydırıcı modülünün gelişmiş ayarlarında, herhangi bir kaydırıcının üst ve alt dolgusunu tanımlayabilirsiniz. Bu etkiyi elde etmek için, referans içeriği olarak slayt başlığını, öznitelik için slayt gövdesi içeriği olarak kullandım ve referans kaydırıcılarının yüksekliği genellikle normal bir sayfa başlığı kaydırıcısından daha kısa olduğu için kaydırıcı dolgusunu biraz azalttım. Dolguyu azaltmanın bir başka nedeni de, yaratıcı olmanız ve aşağıdaki ekran görüntüsünde olduğu gibi kaydırıcının etrafına tanıtım yazısı gibi daha fazla öğe eklemenizdir.

Fiyat Tablolarınıza Yeni Bir Görünüm Kazandırın

Divi'nin Fiyatlandırma Tablosu modülü, en gelişmiş ayarlar için kazanabilir. Tablolarınızı yapılandırmak biraz zaman alabilir ve bu modülü Divi Kitaplığı'nı kullanabileceğiniz bir şeye mükemmel bir örnek haline getirir. Yukarıdaki fiyatlandırma tablosu modülü, Divi'nin fiyatlandırma tablolarının güzel ve modern bir stilidir ve bölünmüş arka plan rengi, bu modülü kendi sayfanıza aktarabileceğinizi ve beyaz metni destekleyen herhangi bir arka plan renginin üzerine ekleyebileceğinizi göstermek içindir.

Burada biraz düzenleme yaptım, ancak ana fikir, varsayılan sınırları kaldırdım, tüm metni beyaz olacak şekilde özelleştirdim, düğmeleri beyaz olacak şekilde değiştirdim ve tablo arka plan renklerine şeffaflık verdim. Ayrıca modülün özellikli tablo tasarım ayarları ile öne çıkan fiyat tablosuna daha opak bir arka plan verdiğimi de görebilirsiniz.

Bireysel Masa Kontrolü

Fiyatlandırma tablosu modülündeki gelişmiş ayarlar hakkında dikkat edilmesi gereken son bir nokta, tabloları tüm modül genelinde ve ayrıca tablo bazında özelleştirebilmenizdir. Örneğin, her bir ürünün gerçekten öne çıkmasını sağlamak için her tabloya kendi arka plan rengini verebilirsiniz.

Oluksuz Sıralar

Oluksuz satırlar, Divi 2.4'te oluşturabileceğiniz en havalı şeylerden biridir. Gelecek bir gönderide yeni Satır seçeneklerine daha fazla gireceğiz, ancak bunu okuyucularımız için bir Divi Kitaplık Paketi oluşturmak adına eklemek istedim. Burada gördüğünüz, sütunları arasında boşluk olmadan tam genişlikte yapılmış iki sütunlu bir satırdır. Aşağıdaki ayarlar bu yapılandırmayı göstermektedir

Kahve görüntüsü aslında bir sütun arka plan görüntüsüdür ve sütunlar Divi'nin yeni Eşit Sütun Yüksekliği ayarıyla her zaman tam olarak aynı yükseklikte kalacaktır. Ayrıca kitaplık paketine dahil edilen bu satır, ancak soldaki resimle birlikte. İki sonucun birleştirilmesi, güzel bir alternatif düzende sonuçlanır.

Kitaplık paketini indirir ve bu satırları kendi düzenlerinize yerleştirirseniz, harekete geçirici mesaj modülü temanızın tipografisini ve düğme stillerini devralır. Divi'nin tüm yeni tema özelleştirici seçenekleriyle ilgili daha ayrıntılı gönderiler için bizi izlemeye devam edin.

Kutulu Blurb Modülü

Bitişik tanıtıcı modüller bazen birbiriyle çatışabilir. Biraz daha ayrılmaya ihtiyaçları olduğunu düşünüyorsanız, etraflarına kenarlık eklemek gerçekten güzel bir çözüm olabilir. Divi 2.4'ten önce, bunu özel CSS ile yapmanız gerekirdi, ancak şimdi bunu sadece modül kenarlığı seçeneklerini kullanarak yapabilirsiniz. Kenarlık eklerken, içeriğinizin kenarlığa çarpmaması için biraz özel dolgu eklemek isteyeceksiniz. Yukarıdaki örnekte, tüm kesme noktalarında iyi bir değer olan 40 piksel dolgu kullandım, böylece kutulu modülleriniz mobil cihazlarda harika görünmeye devam edecek.

Aynı çerçeveli modül fikrini alıp özel dolgulu bir bölüme ekleyerek, yukarıdakilerle neredeyse aynı modülü kullanarak tamamen yeni bir görünüm elde edebilirsiniz. Bu, bu yeni gelişmiş ayarların tasarım fırsatları dünyasını nasıl açtığının harika bir örneğidir.

Şeffaf İletişim Formu

Yeni iletişim formu ayarları, form arka plan rengi, kenarlık stili, metin rengi ve form alanı yuvarlatılmış köşeleri gibi şeyleri kontrol etmenize olanak tanır. Yukarıdaki modülde şeffaf arka plan rengi, beyaz kenarlık ve yuvarlatılmış köşeler seçtim. Bu ayarların tümü tamamen özelleştirilebilir. Yarı saydam bir arka plan rengi seçebilir, kenarlık kalınlığınızı seçebilir ve hatta özel bir yuvarlatılmış köşe yarıçapı tanımlayabilirsiniz.

Tam Ekran Başlık

Divi'nin Tam Genişlik Başlık modülü artık 'Tam Ekran' yapabilir. Bu, tarayıcınızın boyutu ne olursa olsun ekranı dolduracak ve içeriğini dikey olarak ortalayacak şekilde yapar. Yukarıdaki örnekte Divi logosunu yeni Logo alanına yükledim ve iki harekete geçirici mesaj düğmesi ekledim. Tam genişlikli başlık modülü ayrıca, tıklandığında sorunsuz bir şekilde sonraki bölüme geçecek olan bir "kaydırma" simgesi ekleme olanağı sağlar. Boyutunu ve rengini tanımlayabilmenin yanı sıra seçebileceğiniz 11 önceden yapılmış simge vardır. Bu modülün en sevdiğim özelliklerinden bir diğeri de arka plan rengi katmanıdır. Burada gördüğünüz arka plan aslında metnin yoğun görüntüden uzak durmasına yardımcı olmak için yarı saydam koyu bir kaplamaya sahip çok parlak ve doygun bir görüntüdür.

Kendi Öğelerinizi Divi Kitaplığına Kaydetme

Divi Builder'da yeni bir modül, satır veya bölüm oluştururken veya düzenlerken, ayar pencerelerinin altında “Kaydet ve Kitaplığa Ekle” adlı yepyeni bir kaydetme düğmesi göreceksiniz. Buna sağdaki standart “Kaydet ve Çık” düğmesi eşlik eder. “Kaydet & Çık” butonuna tıkladığınızda modül ayarlarınız mevcut sayfaya kaydedilir ve ayarlar açılır penceresi kapatılır. “Kaydet ve Kitaplığa Ekle”yi tıkladığınızda, modül sayfanıza kaydedilmeye devam eder, ancak Divi Kitaplığınıza da eklenir.

Sayfanıza Kitaplık Öğeleri Ekleme

Bir öğe kitaplığa kaydedildikten sonra, sayfaya yeni bir modül, satır veya bölüm eklerken “Kütüphaneden Ekle” düğmesine tıklanarak Divi Builder içinden herhangi bir yeni sayfaya eklenebilir.

Bu Yayında Açıklanan Kitaplık Öğelerini İndirin

Bu yazıda açıklanan öğeleri indirmek için aşağıdaki bağlantıya tıklayın. Bunları kitaplığınıza aktarmak için Araçlar > İçe Aktar'a gidin. İçe aktarma türü listesinin altındaki WordPress bağlantısını seçin ve sizden dosyayı yüklemeniz istenecektir. Daha sonra kendi kullanımınız için bu modüllere erişebileceksiniz. Yüklemeden önce, zip dosyasını açtığınızdan emin olun! Yalnızca XML dosyaları içe aktarılabilir.

Gelişmiş ayarlara bu kısa bakışın, kendi modüllerinizi oluşturmanıza yardımcı olacağını ve muhtemelen onları toplulukla paylaşmanız için sizi motive edeceğini umuyorum.

Kütüphane Paketini İndirin