Divi'nin Verimlilik Özelliklerini Kullanarak 5 Adımda Karanlık Düzene Nasıl Geçilir

Bir web sitesi tasarlarken bilinçli veya bilinçsiz olarak verdiğiniz ilk kararlardan biri web sitenize vereceğiniz renk stilidir. Aramızdaki cesur olanlar, eksiksiz bir canlı renk paleti almaya cesaret edebilirler ama dürüst olalım, bunu başarmak inanılmaz derecede zor. Bu nedenle, açık veya koyu bir düzen ile gitmek genellikle daha güvenlidir. Divi Kitaplığı'nın Hazır Düzenler bölümünde, herhangi bir türde web sitesi oluştururken kullanmakta özgür olduğunuz bir ton açık ve koyu düzen bulabilirsiniz. Peki ya düzeni beğendiyseniz, ancak daha koyu bir renk paletine sahip olmayı tercih ederseniz ya da tam tersi?

Divi'nin verimlilik özellikleriyle, açık renk düzen paketinden koyu düzen paketine geçiş ve tam tersi her zamankinden daha kolay. Bu gönderide, size sadece 5 adımda hafif bir düzeni nasıl karanlık bir düzene dönüştürebileceğinizi göstereceğiz. Doğru teknikleri kullanıyorsanız, bu geçişi yapmak için gereken süre çok düşüktür. Atmanız gereken adım sayısının her zaman üzerinde çalıştığınız düzene bağlı olacağını bilin, ancak genel yaklaşımı edindikten sonra, uğraştığınız herhangi bir düzen için çalışmasını sağlayabilirsiniz.

Hadi hadi bakalım!

Ön izleme

Yalnızca 5 adımda, Web Freelancer Layout Pack'in açık renkli açılış sayfasını karanlık bir sayfaya dönüştüreceğiz.

Web Freelancer Açılış Sayfası Yükle

Yeni Sayfa Ekle ve Görsel Oluşturucuyu Etkinleştir

Yeni bir sayfa ekleyerek, sayfanıza bir başlık vererek ve Visual Builder'a geçerek başlayın.

Web Freelancer Düzen Paketi Yükleyin

Ekranınızda görünen üç seçenekten önceden hazırlanmış bir düzen yüklemeyi seçin.

Ücretsiz mizanpaj paketleri listesinde Web Freelancer Layout Pack'in açılış sayfasını bulun ve 'Bu Düzeni Kullan' yazan yeşil düğmeye tıklayarak yükleyin.

1. Adım: Genel Arka Plan Rengini Değiştirin

Birinci Bölümün Bölüm Arka Plan Rengini Değiştir

Başlama zamanı! Atmanızı önerdiğimiz ilk adım, sayfanızdaki tüm bölümlerin arka plan rengini değiştirmek. Bunu yaptığınızda, koyu arka plan rengine uyması için hangi tasarım öğelerinin değiştirilmesi gerektiğini hemen fark edebileceksiniz. Sayfanın ilk bölümünü açın ve bölüm arka plan rengi olarak '#0c0c0c'yi seçin.

Stili Tüm Bölümlere Genişlet

Arka plan rengini ekler eklemez, üzerine sağ tıklayın ve 'Arka Plan Rengini Genişlet' seçeneğine tıklayın.

Bunu yaptıktan sonra, arka plan rengini sayfadaki tüm bölümlere genişletmeyi seçin.

2. Adım: Metin Renklerini Değiştirin

Tam Genişlik Başlık Modülünü Açın ve Metin Rengini Değiştirin

Atmanız gereken bir sonraki adım, kullanılan metin renklerini değiştirmektir. Bildiğiniz veya bilmediğiniz gibi, Divi'de sayfanızdaki metin için açık veya koyu renk paleti seçmenize izin veren varsayılan bir seçenek vardır. Ancak özel bir renk seçtiğinizde, bu seçenek seçtiğiniz özel renkle değiştirilir. Özel bir renk olup olmadığını görmek için öğelerin her birini kontrol etmek yerine, devam edin ve Tam Genişlik Başlık Modülünde metin rengi olarak 'Açık'ı seçin.

Stili Tüm Modüllere Genişletin

Ardından, sağ tıklayıp 'Metin Rengini Genişlet' seçeneğini seçerek bu açık metin rengini genişletin.

Bu yeni rengi tüm sayfa boyunca tüm modüllere genişletin.

Çoklu Seçim Özelliğini Kullanarak Özel Renkleri Değiştirin

Daha önce de belirtildiği gibi, önceki adım önceden seçilmiş renkler için geçerli olmayacaktır. Örneğin Geçiş Modülleri özel bir başlık metni rengine sahiptir. Anahtarların her birini ayrı ayrı değiştirmek yerine, klavyenizdeki kontrol/komut tuşunu kullanarak hepsini bir kerede seçin ve modüllerin her birine ayrı ayrı tıklayın. Hepsini seçtikten sonra ayarlar simgesine tıklayın.

Artık, seçilen modüllerin her birine aynı anda uygulanacak değişiklikleri yapabilirsiniz. Bu durumda, başlık metni rengini '#848484' olarak değiştiriyoruz.

3. Adım: Düğmeleri Değiştirin

Tam Genişlik Başlığının Düğme Bir Ayarlarını Açın

Sayfanızdaki harekete geçirici mesajların düzen renk paletiyle eşleşmeye devam etmesini sağlamak önemlidir. Bu durumda, hem açık hem de koyu düzende harika görünen bir Düğme Modülümüz var. Bu yüzden onu sayfadaki diğer düğmelere de genişleteceğiz. Devam edin ve Tam Genişlik Başlık Modülünü açın ve Düğme Bir ayarlarına gidin.

Düğme Stilini Sayfadaki Tüm Düğmelere Genişletin

Ardından, Düğme Bir ayarlarına sağ tıklayın ve 'Bir Düğme Stillerini Genişlet' seçeneğini seçin.

Düğme stilini tüm sayfa boyunca tüm düğmelere genişletin.

Kahraman Bölümünde Düğme 2 Metin Rengini Değiştir

Genişletme özelliği, bağımsız bir modül olmadığı için Tam Genişlik Başlık Modülünün ikinci düğmesine ulaşmaz. Bu yüzden Düğme İki ayarını açacağız ve metin rengini '#ffffff' olarak değiştireceğiz.

Stilleri Sayfadaki Tüm Tam Genişlik Başlıklarına Uzat

Bu metin renginin sayfadaki tüm Tam Genişlikli Başlık Modüllerine uygulandığından emin olmak için onu da genişleteceğiz.

Metin rengini sağ tıklayıp 'İki Metin Rengini Genişlet' seçeneğini seçtikten sonra, devam edin ve tüm sayfa boyunca tüm Tam Genişlik Başlıklarına uygulanmasını sağlayın.

Adım 4: Özel Kenar Boşluğunu Kaldırın ve Özel Dolguyla Değiştirin

Özel Kenar Boşluğunu Kaldır

Karanlık bir düzene geçerken, sayfanıza boşluk getiren tüm özel kenar boşluğu değerlerini kaldırmak da önemlidir.

Bunun yerine Özel Dolgu Kullanın

Ancak, bunun yerine özel kenar boşluğunu özel dolgu olarak ekleyerek daha önce olan mesafeyi koruyabilirsiniz.

Adım 5: Özel Tasarım Ayarlarını Arayın ve Değiştirin

Özel Tasarım Ayarlarını Belirleyin

Atmanız gereken son adım, düzenlerin her biri için çok özeldir. Bir yerleşim düzenine özgü tasarım öğelerinin de değiştirilmesi gerekir. Bu, aşağıdaki ayarlardan bazılarını içerebilir, ancak bunlarla sınırlı değildir:

• Kutu Gölgeleri
• Sütun Arka Planları
• Simge Renkleri
• Bölücü Renkler
• …

Satır Kutusu Gölge Renginde Bul ve Değiştir'i kullanın

Bu özel düzen için değiştirmemiz gereken şeylerden biri, kullanılan satır kutusu gölge rengidir. Satır ayarlarını açın ve kutu gölgesini değiştirmeden sağ tıklayın. Ardından, 'Bul ve Değiştir' seçeneğini seçin.

Tüm sayfadaki belirli bir renk kodunu değiştirmek istiyorsanız, Bul ve Değiştir özelliğini kullanmak en iyi yoldur. Başka bir renk koduyla kolayca değiştirebilirsiniz, bu durumda '#33302f'. Bu, bir rengin tam olarak nerede kullanıldığını görmek için tüm tasarım öğelerini keşfetmenize gerek kalmamasını sağlayacaktır.

Bir Seferlik Oluşan Ayarları Manuel Olarak Değiştirin

Bununla birlikte, mizanpajlar içinde bir kerelik yinelenen tasarım ayarları da vardır. Bunları değiştirmek için manuel olarak yapmanız gerekir. Örneğin, aşağıdaki yazdırma ekranındaki satırda, sayfanın başka bir yerinde kullanılmayan kutu gölge rengi var. Bu yüzden manuel olarak '#33302f' olarak değiştiriyoruz.

Ön izleme

Beş adımdan geçtikten sonra nihai sonuca son bir göz atalım.

Son düşünceler

Bu yazıda, hafif bir yerleşim paketini sadece 5 adımda karanlık bir düzene dönüştürme konusunda size yol gösterdik. Atmanız gereken adımların sayısı her zaman üzerinde çalıştığınız düzene bağlı olacaktır, ancak genel olarak yaklaşım aynı kalır. Herhangi bir sorunuz veya öneriniz varsa, aşağıdaki yorum bölümünde bize bildirin!