Divi Web Sitenize Renk Paletleri Nasıl Uygulanır?

İnternette sıradan bir web sitesinden daha kötü çok az şey vardır. Elbette, bazı web siteleri kasıtlı olarak (Craigslist'e bakarak) brütalist veya minimalist bir görünüm elde eder, ancak bunlar bile mülayim değildir. Düz bir renk paleti olması sitenizin im basından daha o de basın daha, bej kitlelerden bu yavan tek renkli eShops fark edilmesini sağlayacak bir SureFire yoludur. Neyse ki Divi, Magic Color sistemimiz ve Global Colours özelliğinin bir kombinasyonunu size sundu. Renk paletlerini Divi web sitenize kolaylıkla uygulayabilirsiniz. Sonuçlar, ziyaretçilerinizi etkilemek zorundadır.

Renk Paletleri Hakkında Genel İpuçları

Divi web sitenize bir renk paleti eklemek ne kadar kolay olursa olsun, sektörünüz ve markanız için doğru türde paleti kullanmanız zorunludur. Halihazırda marka renkleriniz varsa, başvurmak için bariz bir seçimdir. Renk teorisine derinlemesine girmenin dışında (bu arada çok ilginçtir), nereden başlayacağınızı anlamanıza yardımcı olabilecek birkaç ipucumuz var. yeni renk paleti.

1. Koyu Renkli veya Açık Renkli Web Sitesine Karar Verin

Kullanacağınız renk paletinde şüphesiz açık ve koyu renklere sahip olacaksınız. Yazılı içeriğin kaybolmaması için bir renk paletinde kontrast zorunludur.

Şimdi, bu bizi hemen web sitenize bir renk paleti uygulamak istediğinizde kendinize sormanız gereken ilk soruya götürüyor; koyu renkli mi yoksa açık renkli bir web sitesi mi oluşturmak istiyorsunuz? Birini seçmeniz onları birleştiremeyeceğiniz anlamına gelmez, ancak seçim yapmak renk paletinizi daha kolay seçmenize yardımcı olur.

2. Renk Seçimi

Teoride, renk paletinizde kaç renk olmasını istediğinizi kendiniz belirleyebilirsiniz. Renk paletlerini uygulamanın veya belirlemenin standart bir yolu yoktur. Ancak Divi ile güzel bir renk dengesi oluşturmak için beş renk kullanmanızı öneririz.

Beş renkli renk paletlerini web sitenize uygulamanıza yardımcı olmak için, farklı renk paletlerini sergilerken sürekli olarak aynı düzene uygulayacağımız bir tür yöntem seçtik. Ama buna dalmadan önce, bizim yöntemimizi takip etmek istiyorsanız, renk paletinizde olması gereken farklı renk türlerine bir göz atalım.

Arka Plan Renkleri

Seçtiğiniz arka plan renklerinin birbiriyle uyumlu olduğundan emin olun. Bu arka plan renklerini birbirine yakın ve güzel sonuçlar elde etmek için kullanacaksınız; belli bir uyum içinde olmaları gerekir.

Yazı rengi

Seçmeniz gereken bir sonraki şey yazı tipi rengidir. Mantıksal olarak, yazı tipi rengi seçtiğiniz arka plan renklerine bağlıdır. Açık renkli arka plan renkleri seçtiyseniz, yazı tipi renginizin koyu renkli olduğundan emin olun ve bunun tersi de geçerlidir.

Köprü ve CTA Rengi

Seçtiğiniz köprü rengi, web sitenize hayat veren renklerden biridir. Web sitenize eklediğiniz harekete geçirici mesajlar için kullanacağınız için bu rengin paletinizdeki diğer renklerden farklı olduğundan emin olun.

Son Dokunuşlar İçin Renk

Son olarak, web sitenize renk katan, kullanıma hazır başka bir renk seçebilirsiniz. Bu renk, köprü rengi kadar önemli olmasa da, web sitenizdeki renk dengesini tamamlamanıza yardımcı olacaktır.

3. Yeterli Kontrast Olduğundan Emin Olun

Daha önce de belirtildiği gibi, renk paletinizdeki bazı renkler arasında kontrast sağlamak önemlidir. Bir web sitesi için bir renk paleti kullanıyorsanız, bu kontrast öncelikle paylaştığınız yazılı içeriği okunabilir hale getirmenize yardımcı olacaktır. Çünkü içeriğinizin okunması kolay değilse, sonuçta bunun amacı nedir?

4. Doğru Renk Kullanım Dengesini Bulun

Renk paletinizde belirli bir rengi ne sıklıkla kullanmak istediğinizi belirlemenin farklı yolları vardır. Web sitenizde kullandığınız renkler tarafından boğulmuş hissetmelerini istemiyorsanız, iyi bir renk dengesi oluşturmak gereklidir.

Renk paletinizde çoğu zaman daha nötr renkler kullandığınızdan emin olun ve sağladığınız içeriği vurgulamak için diğer renkleri kullanın.

Divi Web Sitenize Renk Paleti Nasıl Eklenir

Tüm bunları göz önünde bulundurarak Divi'yi incelemenin ve sitenizin yeni renk paletini uygulamanın zamanı geldi!

Varsayılan Divi Paleti

Her şeyden önce, WordPress panonuza gidin ve Divi – Tema Seçenekleri'ne gidin . Genel sekmesi altında, Renk Seçici Varsayılan Paleti başlıklı bir giriş göreceksiniz. Bunun yaptığı şey, Divi oluşturucuda renk seçeneklerini her açtığınızda hızlı erişim sağlamak istediğiniz 8 rengi seçmenize izin vermektir. Varsayılan olarak, bunlar birçok kişinin kullandığı canlı renklerdir, ancak herhangi bir web sitesinde kullanılması gereken eksiksiz bir palet değildir.

Lütfen bunun renkleri sitenizin kendisine uygulamadığını unutmayın. Bunları yalnızca oluşturucuda hızlı seçenekler olarak sunar.

Divi Builder'a girin

Paleti Divi ayarlarında ayarlasanız da ayarlamasanız da sitenizdeki öğelere çeşitli renkler uygulama seçeneğiniz olacaktır. Bunu yapmak için Divi Builder'a gidin ve ayarlamak istediğiniz herhangi bir modülün ayarlarını yeni paletinize girin.

Herhangi bir öğe için şu anda seçilen rengin altında, üç nokta simgesini (üç nokta) göreceksiniz. Buna tıkladığınızda Divi'nin Sihirli Renk aracını açarsınız. Oluşturucu, birlikte oldukça iyi çalışması gereken ücretsiz renklerden oluşan bir dizi çoklu palet vermek için son kullandığınız renkleri ve sayfadaki renkleri dikkate alır.

Renkleri Global Olarak Ayarla

Hangi renkleri kullanmak istediğinize karar verdikten sonra, bunları global olarak ayarlamanın zamanı geldi. Global renkler, modül veya öğeden bağımsız olarak tüm sayfada değişecek şekilde ayarlanabilir . Yani 5 farklı rengi değiştirmek istiyorsanız, bunu o rengin örnekleri üzerinde tek tek 100 defadan fazla yapmanız gerekmeyecek. 5 kere yapacaksın.

Başlamak için renk seçicili herhangi bir modüle gidin. Altında Global adlı bir bağlantı göreceksiniz. Tıklayın ve genel palet kaybolur. Buradan, artı + simgesine tıklayarak global olarak hangi renklerin olmasını istediğinizi belirleyeceksiniz.

Yeni seçici göründüğünde, geçerli rengi genel bir seçenek olarak eklemek için yeşil onay işaretini tıklayın.

Beyaz dairenin nerede olduğu önemli değil. Hex değeri, global renklere eklenen değerdir. Artık artı simgesinin yanına eklenen varsayılan rengi göreceksiniz. Ve normal daire yerine rengin üzerindeki damlacık şekli simgesi nedeniyle siteye rengin uygulandığını görebilirsiniz.

Ek olarak, seçilen bir renge sağ tıklayıp listeye eklemek için “Global'a Dönüştür” seçeneğini seçebilirsiniz.

Seçtiğiniz paletteki her renk için bu işlemi tekrarlayın, böylece sonunda tüm paletiniz Global link altına kaydedilecektir. Yeni paleti bir sayfadaki tüm öğelere uygularken bu çok önemlidir.

Global Renkleri Uygula

Ardından, sayfanızda aynı rengin tüm örneklerini değiştirmek istediğiniz global olarak ayarlanabilir. Yapmak istediğiniz şey, değiştirmek istediğiniz rengin olduğu öğeye girip sağ tıklayın. Ardından içerik menüsünden Bul ve Değiştir'i seçeceksiniz. Bu rengi burada globale dönüştürmeyin . Bu bir sonraki adımın bir parçası.

Bir sonraki ekran, bu rengi global renginizle değiştirmeyi seçtiğiniz yer olacaktır. Sizinle Değiştir'in altında Global'i tıklattığınızdan emin olun ve ardından sayfa boyunca genişletmek istediğiniz global rengi seçin. "Bulunan tüm değerleri, [geçerli öğe türünü ekle] ile sınırlı olmamak üzere, her seçenek türünde değiştir" yazan kutuyu işaretlediğinizden emin olun. Bu, ne olursa olsun, o rengin değiştirileceğinden emin olacaktır.

Artık söz konusu genel rengi düzenleyebilirsiniz ve yaptığınızda, bunun her bir örneği değişecektir. Paletten yeni bir renk seçmediğinizi unutmayın. Bu sadece mevcut rengi değiştirir. Bu tek rengin her örneğini global olarak işaretlediğiniz için, rengi her yerde değiştirmek için düzenlersiniz .

Renk seçiciyi kullanarak toplu olarak düzenleyebilirsiniz. Yeni bir tane seçmek için damlacık üzerine tıklamanız yeterlidir.

Bundan sonra, yeni paletinizdeki her renk için bu işlemi tekrarlamak yeterlidir. Paletinizdeki her renk için sadece tek bir değişiklik. Belirli bir rengin her bir özel öğesinin takası değil.

Toplama

Divi web sitenize genel bir renk paleti seçmek ve uygulamak hiç bu kadar kolay olmamıştı. Bir palet seçmenize yardımcı olması için Sihirli Renk özelliğimizi kullanabilir ve ardından bunları siteniz için genel renkler olarak ayarlayabilirsiniz. Bunu yaptıktan sonra, değiştireceğiniz rengi seçmeniz ve sayfadaki bu renkleri değiştirmek için Divi'nin yerleşik bul ve değiştirme özelliğini kullanmanız yeterlidir. Bu iş akışıyla, çeşitli web sitelerini yeniden tasarlarken ve ücretsiz düzen paketlerimizden bazılarını değiştirirken tonlarca zaman kazanacağınızdan emin olabilirsiniz.

Eğlence!

ART.ICON / Shutterstock.com tarafından makale özellikli görsel