Divi ile Düzen Paketi Stillerini Genel Varsayılanlara Dönüştürme

Yeni Divi genel varsayılanları güncellemesi, web sitenizin tamamındaki öğelere belirli tasarım stillerini uygulamanıza yardımcı olur. Size zaman kazandırır, web sitenize genel bir bakış sağlamanıza ve her küresel ayarı alıştığınız şekilde şekillendirmenize yardımcı olur; Divi Builder'ın içinde.

Şimdi, web siteniz için bir düzen paketi kullandığınızda, düzen paketi stillerini genel varsayılanlara dönüştürmek isteyebilirsiniz, böylece ileri geri gitmek zorunda kalmazsınız. Ama bu konuda gitmenin en iyi yolu nedir? Bu haftanın kullanım örneği eğitiminde size göstereceğiz. Bunu göstermek için Siber Güvenlik Düzen Paketi'ni kullanacağız, ancak içiniz rahat olsun, bu teknik kullandığınız tüm düzen paketleri için geçerlidir.

Hadi hadi bakalım!

1. Düzen Paketindeki Her Düzen için Yeni Sayfa Oluşturun

Bir düzen paketinin stilini genel varsayılanlara dönüştürmeyi planlıyorsanız, yapmanız gereken ilk şey, düzen paketiyle birlikte gelen her bir düzen için ayrı bir sayfa oluşturmaktır. Düzenlerin her biri için ayrı bir sayfanın olması ikinci adımda size yardımcı olacaktır; düzen paketi boyunca kullanılan tasarım öğelerini taramak ve bunları genel varsayılanlara dönüştürmek.

2. Düzenler Boyunca Kullanılan Modülleri Tespit Edin ve Bunları Küresel Hale Getirin

Her düzen için ayrı bir sayfa oluşturduktan sonra, kullanılan farklı modülleri bulmak için sayfaları taramaya başlayabilirsiniz. Bölüm, satır ve sütun ayarlarını kasten atlıyoruz çünkü bunlar oluşturduğunuz bölümün türüne bağlı. Ve çoğu bölüm ve satır için tasarım ekibi, kendi genel varsayılanlarınızı oluşturmanızı kolaylaştırmak için Divi'nin varsayılan ayarlarına gitmeye karar verir.

Devam ettik ve Cyber ​​Security Layout Pack'te özel stiller içeren en sık kullanılan modülleri tespit ettik. Bu modüller ayrıca Divi'nin en popüler modüllerinden bazılarıdır ve hemen hemen her düzen paketinde bulunabilir:

• Metin Modülü
• Birincil Düğme Modülü
• Bölücü Modül
• E-posta Opsiyon Modülü
• İletişim Formu Modülü

Metin Modülü Gövde ve Başlık Ayarlarını Genel Varsayılanlara Çevirin

Modül stillerini global varsayılanlara dönüştürmeye başlama zamanı! Bu modülü modül bazında yapmanız gerekecek. Metin Modülü ile başlayacağız. Genele çevirmenizi önerdiğimiz tek ayar, başlık ve gövde metni ayarlarıdır. Oluşturduğunuz tasarım ne olursa olsun, bu iki seçenek grubu büyük olasılıkla aynı kalacaktır. Boşluk ve boyutlandırma gibi diğer ayarlar, genellikle Metin Modülünüzün tasarımın geri kalanından nasıl etkilendiğine ve yol boyunca ince ayar yapıldığına bağlıdır. Bu belirli modül için genel varsayılanları ayarlama sürecinden geçeceğiz. Ardından, diğer modüller için global varsayılanlara dönüştürülmesini önerdiğimiz ayarları listeleyerek devam edeceğiz.

Düzenler boyunca üç Metin Modülü başlığı kullanılmaktadır; H1, H2 ve H3. Bu üç başlığı ve paragraf metni ayarlarını genel varsayılanlara çevireceğiz. H3'ten daha ileri gitmek istiyorsanız, bunları H3 global metin ayarlarında manuel olarak biçimlendirebilirsiniz.

Açılış sayfasında, tüm bu ayarları farklı Metin Modüllerine yayılmış olarak bulacaksınız. Kahraman bölümündeki ilk Metin Modülü H1 kopyasını içerir. Ayarları açın, H1 metin ayarlarına gidin, H1 öğesine sağ tıklayın ve 'Stilleri Varsayılan Yap' seçeneğine tıklayın.

Daha sonra bazı paragraf içeriğine sahip bir Metin Modülü bulun. Metin ayarlarına gidin, sağ tıklayın ve 'Stilleri Varsayılan Yap' seçeneğini tıklayın.

Açacağımız son Metin Modülü hem H2 hem de H3 metin stillerini içerir. Başlık öğelerinin her birine ayrı ayrı sağ tıklayın ve 'Stilleri Varsayılan Yap' seçeneğine tıklayın. Bu adımlardan geçtikten sonra Metin Modülleriniz kullanıma hazırdır!

Web sitenizdeki yinelenen modüllerin her biri için bu adımları tekrarlamanız gerekecek. Gelelim diğerlerine.

1. Birincil Düğme Modülü

Düğme Ayarları

Dolgu malzemesi

2. Blurb Modülü

Simge Ayarları (Gerektiğinde)

Metin Ayarları

Başlık Metni Ayarları

Gövde Metni Ayarları

3. Bölücü Modül

Hat Ayarları

Boyutlandırma Ayarları

4. E-posta Opsiyon Modülü

Tüm Modül Hariç: Kenar Boşluğu + Boyutlandırma + Ayarları Dönüştür

5. İletişim Formu Modülü

Tüm Modül Hariç: Kenar Boşluğu + Boyutlandırma + Ayarları Dönüştür

3. Yinelenen Öğeleri Yeniden Kullanım için (Küresel) Öğeler Olarak Kaydet

Şimdi, çoğunlukla kullanılan modüller için genel varsayılanları ayarladıktan sonra, yeniden kullanmayı düşünebileceğiniz başka öğeler de var. Bu unsurlar genellikle aşağıdakilerle sınırlı olmamakla birlikte şunlardır:

• İkincil Düğme
• Üçüncül Düğme
• CTA Bölümleri
• Altbilgi Bölümleri
• Düzen Paketi Özellikleri: Bölüm Bölücülere Sahip Görüntü Modülleri/Farklı Tarz Bulanıklık Modülleri/…

Bu öğeleri Divi kitaplığınıza kaydetmenizi ve ilerledikçe yeniden kullanmanızı öneririz. Altbilgiler ve CTA bölümleri gibi normal öğeler yerine bazılarını genel öğeler olarak kaydetmeye yardımcı olur. Düğmeler veya farklı tarzdaki tanıtıcı modüller gibi öğelerin genel olmadan kaydedilmesi önerilir, böylece gerektiğinde kopya ve tasarımda belirli değişiklikler yapabilirsiniz.

Bir öğeyi üzerine getirerek, kitaplığa kaydet simgesine tıklayarak, kitaplık öğenize bir ad vererek, onu global yapmak isteyip istemediğinizi seçerek ve 'Kütüphaneye Kaydet'e tıklayarak Divi Kitaplığına kaydedebilirsiniz.

4. Divi Tema Seçeneklerinde Varsayılan Renk Paleti Oluşturun

Genel varsayılanlarınızı ayarladıktan ve yinelenen öğeleri Divi Kitaplığınıza kaydettikten sonra, genel varsayılanları ve kitaplık öğelerini kullanarak sıfırdan yeni sayfalar oluşturmaya neredeyse hazırsınız. Bunu yapmadan önce Divi Tema Seçeneklerinizdeki varsayılan renk paletini değiştirmenizi öneririz. Bu renkler, açtığınız her tasarım öğesinde görünecek ve renk kodlarını sürekli kopyalayıp yapıştırmanıza gerek kalmadan renkleri değiştirmenize yardımcı olacaktır. Bu, gerçekten önemli olana odaklanmanızı sağlar; güzel ve işleyen bir web sitesi oluşturmak. Divi Tema Seçeneklerinize gidin ve renk paletinize aşağıdaki renk türlerini eklediğinizden emin olun:

• Metin Renkleri
• Arka Plan Renkleri
• Vurgu Renkleri

5. Mevcut Sayfalardaki Modül Stillerini Sıfırla

Genel varsayılanlarınızı ayarladıktan, kitaplık öğelerinizi kaydettikten ve varsayılan renk paletinizi seçtikten sonra, sıfırdan yeni sayfalar oluşturmaya başlayabilir ve yaklaşımdaki farkı hemen görebilirsiniz. Bununla birlikte, genel varsayılanları seçmeden önce değiştirilmiş mevcut sayfalarınız varsa, genel varsayılanların uygulanması için geri dönüp modül stillerini sıfırlamanız gerekir. Küresel varsayılanlar böyle çalışır. Bir modülle ilgili bir şeyi manuel olarak değiştirirseniz, global varsayılanların gösterilebilmesi için onu da manuel olarak kaldırmanız gerekir. Neyse ki, sıfırlama stillerini tüm sayfa boyunca genişletmek için Divi'nin size sağladığı stilleri genişletme özelliğini de kullanabilirsiniz!

Son düşünceler

Bu gönderide, yerleşim paketlerini genel varsayılanlara dönüştürmek için yeni Divi genel varsayılanlar güncellemesini nasıl kullanacağınızı gösterdik. Cyber ​​Security Layout Pack'i kullanmamıza rağmen, bu tekniği kullanmayı seçtiğiniz herhangi bir düzen paketinde çalıştırabilirsiniz. Bu kullanım örneği öğreticisi, her hafta tasarım araç kutunuza fazladan bir şey koymaya çalıştığımız devam eden Divi tasarım girişimimizin bir parçasıdır. Herhangi bir sorunuz veya öneriniz varsa, bunları aşağıdaki yorum bölümünde bırakmaktan çekinmeyin!

Divi hakkında daha fazla bilgi edinmek ve daha fazla ücretsiz Divi almak istiyorsanız, e-posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun, böylece her zaman bu ücretsiz içeriği bilen ve bu ücretsiz içerikten yararlanan ilk kişilerden biri olursunuz.