Bir web sitesi tasarlarken, bilinçli veya bilinçsiz olarak aldığınız ilk kararlardan biri, web sitenize vereceğiniz renk stilidir. Aramızdaki cesur, tam bir parlak renk paleti kullanmaya cesaret edecek, ama dürüst olmak gerekirse, yapmak çok zor. Bu yüzden parlak veya karanlık düzen kullanmak genellikle daha güvenlidir. Divi kütüphanesindeki önceden hazırlanmış düzende, her türlü web sitesini oluştururken kullanabileceğiniz birçok parlak ve karanlık düzen bulabilirsiniz. Peki ya düzeni seviyorsanız, ancak daha koyu bir renk paletine sahip olmayı tercih ederseniz veya tam tersi?
Divi verimlilik özellikleri, parlaktan karanlık düzen paketlerine geçiş ve tam tersi, eskisinden daha kolay. Bu yazıda, parlak düzeni sadece 5 adımda karanlık olarak nasıl değiştirebileceğinizi göstereceğiz. Doğru tekniği kullanırsanız bu geçişi yapmak için gereken süre çok düşüktür. Çekmeniz 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ı aldıktan sonra, karşılaştığınız düzen için işlevini sağlayabilirsiniz.
Haydi Yapalım şunu! Önizleme Yalnızca 5 adımda, Web Freelancer Düzen Paketinin parlak açılış sayfasını karanlık olarak değiştireceğiz.
Web Freelancer Yöne sayfasını yükleyin Yeni bir sayfa ekleyin ve yeni bir sayfa ekleyerek, sayfa başlığınızı verin ve görsel oluşturucuya geçerek görsel yapımcı başlatın.
Web Freelancer Düzen Paketini, ekranınızda görünen üç seçenekten yükleyin, hazır düzeni yüklemeyi seçin.
Web Freelancer Düzen Paketi sayfalarını ÜCRETSİZ Listedeki ve ‘Bu Düzeni Kullan’ yazan yeşil düğmeyi tıklayarak düzen paketlerini yükleyin.
Adım 1: Genel arka plan rengini değiştirin Başlamak için zamanın ilk bölümünün arka plan rengini değiştirin! Atmanızı önerdiğimiz ilk adım, sayfanızdaki tüm parçaların arka plan rengini değiştirmektir. Bunu yaptıktan sonra, yakında karanlık arka plan rengine uyacak şekilde hangi tasarım öğelerinin değiştirilmesi gerektiğini görebileceksiniz. Sayfanın ilk bölümünü açın ve bölümün arka plan rengi olarak ‘#0C0C0C’ seçeneğini seçin.
Arka plan rengini eklediğiniz anda stili tüm parçalara genişletin, sağ tıklayın ve ‘Arka Plan Rengi’ni Uzat’ seçeneğini tıklayın.
Bunu yaptıktan sonra, arka plan rengini sayfadaki tüm parçalara genişletmeyi seçin.
Adım 2: Metnin rengini değiştirin Tam geniş başlık modülünü açın ve bir sonraki adımın rengini değiştirin Yapmanız gereken adım, kullanılan metnin rengini değiştirmektir. Bilmeyebileceğiniz gibi, Divi’de sayfanızdaki metin için parlak veya koyu renkli bir palet seçmenizi sağlayan varsayılan bir seçenek vardır. Ancak, özel bir renk seçtikten sonra, bu seçenek seçtiğiniz özel renkle değiştirilecektir. Orada özel bir renk olup olmadığını görmek için her öğeyi kontrol etmek yerine, devam edin ve tam geniş başlık modülündeki metnin rengi olarak ‘ışık’ seçin.
Kuvveti daha sonra tüm modüllere genişletin, sağa tıklayarak ve ‘metin rengi genişletme’ seçeneğini seçerek bu parlak metnin rengini genişletin.
Bu yeni rengi tüm sayfalardaki tüm modüllere genişletin.
Daha önce belirtildiği gibi Multi Select özelliklerini kullanarak özel renkleri değiştirin, önceki adım daha önce seçilen renk için geçerli değildir. Örneğin, geçiş modülünün özel bir başlık metin rengi vardır. Her bir anahtarı tek tek değiştirmek yerine, klavyenizdeki kontrol düğmesini/komutunu kullanarak her şeyi aynı anda seçin ve her modülü tek tek tıklayın. Her şeyi seçtikten sonra, Ayarlar simgesini tıklayın. Şimdi, aynı anda seçilen her modül için geçerli değişiklikler yapabilirsiniz. Bu durumda, başlık metninin rengini ‘#848484’ olarak değiştiriyoruz.
Adım 3: Açılış düğmesini değiştirin One, sayfanızda harekete geçme davetinin düzen renk paletine uygun olarak kalmasını sağlamak için tam geniş başlık ayarlaması önemlidir. Bu durumda, parlak ve karanlık düzende iyi görünen bir düğme modülümüz var. Bu yüzden onu sayfadaki başka bir düğmeye genişleteceğiz. Lütfen ve tam geniş başlık modülünü açın ve One Düğme ayarlarını açın.
Düğme stilini sayfadaki tüm düğmelere genişletin, ardından ayarları Ayarları birleştirin ve ‘Düğme One Styles’ seçeneğini seçin.
Düğme stilini sayfanın her yerinde tüm düğmelere genişletin.
Genişlemenin kahraman özelliğindeki metin düğmesinin rengini değiştirin, tam geniş başlık modülünün ikinci düğmesine ulaşmaz, çünkü bu bir stand -tek modülü değildir. Bu yüzden iki düğme ayarını açacağız ve metnin rengini ‘#ffffff’ olarak değiştireceğiz.
Bu metnin renginin sayfadaki tüm tam geniş başlık modüllerine uygulandığından emin olmak için stili sayfadaki tüm tam geniş başlıklara genişletin, ayrıca genişleteceğiz.
Metnin rengini sağ tıkladıktan ve ‘İki Tolor Metin Düğmesi’ni Yenileme’ seçeneğini seçtikten sonra, devam edin ve sayfaların her yerinde tüm tam geniş başlıklar için geçerli hale getirin. Adım 4: Özel kenar boşluğunu silin ve özel dolgu ile değiştirin Özel Sil Özel Marj Düzen kararına geçerken, sayfanıza beyaz boşluklar getiren tüm özel marj değerlerini kaldırmak da önemlidir.
Bunun yerine özel dolgu kullanın, ancak özel bir ped olarak özel bir marj ekleyerek önceki mesafeyi koruyabilirsiniz.
Adım 5: Özel Tasarım Ayarlarını Bul ve Değiştirin Özel tasarım ayarlarını belirleyin ve atmanız gereken son adım her düzen için çok spesifiktir. Düzen için benzersiz tasarım öğelerinin de değiştirilmesi gerekir. Bu, aşağıdaki ayarları içerebilir, ancak bunlarla sınırlı olmayabilir:
Gölge kutusu
Arka plan sütunu
Simge rengi
Bölücü rengi
…
Bu özel düzen için satır kutusunun gölge renginde bul ve değiştir kullanın, değiştirmemiz gereken şeylerden biri, kullanılan satır kutusunun gölgesinin rengidir. Satır ayarlarını açın ve kutunun gölgesini değiştirmeden sağlayın. Ardından, ‘Bul & Değiştir’ seçeneğini seçin.
Bulgu ve Değiştir özelliğini kullanmak, belirli renk kodlarını her yerde değiştirmek istiyorsanız en iyi yoldur. Bu durumda ‘#33302f’ başka bir renk kodu ile kolayca değiştirebilirsiniz. Bu, rengin tam olarak nerede kullanıldığını görmek için tüm tasarım öğelerini keşfetmenize gerek olmamasını sağlayacaktır.
Ayarları değiştir bir kez manuel olarak gerçekleşir, ancak düzende bir kez tekrarlayan bir tasarım ayarı da vardır.Değiştirmek için manuel olarak yapmalısınız.Örneğin, aşağıdaki yazdırma ekranındaki satır, sayfanın başka bir yerinde hiç kullanılmayan kutunun gölge rengine sahiptir.Bu yüzden onu manuel olarak ‘#33302f’ olarak değiştiriyoruz.
Bu yazıdaki son zihin, parlak düzen paketini sadece 5 adımda karanlık haline getirmenize rehberlik ettik.Atmanız gereken adım sayısı her zaman üzerinde çalıştığınız düzene bağlı olacaktır, ancak genel olarak yaklaşım aynı kalır.Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bize söyleyin!
