Web sitenizin veya blogunuzun genel görünümünü beğendiğinizi, mükemmel bir web barındırma sağlayıcısı bulduğunuzu ve seçtiğiniz temadan fazlasıyla memnun olduğunuzu varsayalım. Yine de değiştirmek isteyeceğiniz küçük ama yine de önemli bir şey var. Renk düzenini değiştirerek WordPress sitenize daha kişisel bir dokunuş ekleyebileceğinizi hissediyorsunuz. Bu işlemi sizin için kolaylaştırmak için, WordPress Interactive’in WordPress temalarında nasıl yapılacağı da dahil olmak üzere, WordPress renklerinizi ayarlamak için birkaç farklı yol göstereceğiz.
- Varsayılan Özelleştirme Seçeneği Sayesinde Renkleri Değiştirme
- Eklenti İle Renk Değiştirme
- WordPress Temalarında Renk Değiştirme
Varsayılan Özelleştirme Seçeneği Sayesinde Renkleri Değiştirme
Özelleştir seçeneğini kullanarak renkleri nasıl değiştireceğinizi göstermeden önce, bu belirli seçeneklerin kullandığınız temaya bağlı olduğunu unutmamalıyız. Bu makalenin amaçları doğrultusunda Twenty Twenty-One varsayılan WordPress temasını kullandık, bu nedenle sitenizde başka bir tema kullanıyorsanız ve/veya temanızda bu seçenekler yoksa, her zaman eklentiye göz atabilirsiniz. yöntemi (biraz sonra ele alacağız).
Adım 1
Öncelikle, Görünüm >> Özelleştir’e gidin.
Adım 2
Oradayken, Renkler ve Koyu Mod sekmesini seçin.
Adım 3
Burada, Renk Seç adı verilen sitenizin Arka Plan rengini değiştirme seçeneğini bulacaksınız. Bu seçeneğe tıklamalısınız.
Adım 4
Bu durum kendi özel renginizi eklemek veya paletten bir renk seçmek için kullanabileceğiniz renk panelini açacaktır. İkinci seçeneği kullanmak istiyorsanız, palet üzerinde istediğiniz herhangi bir yere tıklayabilir veya ihtiyaçlarınıza en uygun rengi oluşturana kadar küçük daireyi basitçe sürükleyebilirsiniz. Alternatif olarak RGB kodunu sağdaki giriş alanına da yazabilirsiniz.
Adım 5
Paletin hemen yanında renk tonunun açık mı yoksa koyu mu olduğunu belirleyebileceğiniz bir alan da bulunuyor. Kaydırıcıyı yukarı veya aşağı sürükleyerek bunu yapabilirsiniz.
Adım 6
Seçiminizden memnun kaldığınızda, bir kez daha Renk Seç’e tıklayın.
Sitenizin öğeleri ise, seçtiğiniz arka plan renklerine göre her zaman otomatik olarak hesaplanacak ve ayarlanacaktır. Bu durum arka plan ve öğeler arasındaki kontrastın, kullanıcılar tarafından kolayca görülebilmesi için her zaman yeterince yüksek olmasını garanti ettiği için harikadır.
Adım 7
Sitenizin arka planı için açık bir renk kullanmayı planlıyorsanız, Koyu Mod desteği seçeneğini de kullanabileceksiniz. Bu ayar, bir site ziyaretçisinin sitenizi Karanlık modda, yani bu şekilde gösterilmesini istiyorsa görüntülemesine olanak tanır. “Karanlık mod desteği” seçeneğini işaretlemeniz yeterlidir; siteniz koyu arka plan ve açık renkli metinle görüntülenecektir.
Adım 8
Hatta karanlık düzeninizi önizlemek için Karanlık Mod: Kapalı düğmesine (ekranın sağ alt köşesinde bulunur) tıklayabilirsiniz. Bu eylem Karanlık modu açar:
Adım 9
Renklerinizi ayarlamayı bitirdiğinizde, Yayınla düğmesine basın ve hazırsınız.
Adım 10
Son olarak kullanıcı kontrol paneline geri dönmek için Özelleştir ekranının sol üst köşesindeki x düğmesine tıklamanız yeterlidir.
Eklenti İle Renk Değiştirme
Çoğu premium WordPress teması, renklerini kolaylıkla değiştirmenize izin verir. Fakat tüm temaların aynı düzeyde özelleştirmeye izin vermediğini unutmamalısınız. Temanız pek çok özelleştirme seçeneğiyle gelmiyorsa, ihtiyacınız olan her şeyi değiştirmek için özel CSS eklemek üzere her zaman web’de bulunabilecek araçlardan ve eklentilerden birini kullanabilirsiniz. SiteOrigin CSS eklentisinin yardımıyla renkleri nasıl değiştireceğiniz aşağıda açıklanmıştır.
1. Öncelikle yönetici panelinden Eklentiler ekranınıza erişin. Daha sonra SiteOrigin CSS eklentisini bulduktan sonra kurun ve etkinleştirin.
2. Görünüm > Özel CSS’ye gidin.
3. CSS düzenleyici açıldığında, düzenleyicinin sağ üst köşesinde bulunan göz simgesine tıklayın.
4. Şimdi göze tıklandığında yeni bir ekran açılacaktır. Sol tarafta bir kontrol paneli göreceksiniz, ekranın sağ tarafında ise siz düzenlerken sayfanızın nasıl görüneceğine dair canlı bir ön izleme göreceksiniz.
5. Farenizi sayfada hareket ettirirken, sayfadaki öğelerin üzerine geldiğinizde vurgulanmış olarak göreceksiniz.
6. Değiştirmek istediğiniz öğeye tıklamanız yeterlidir (örneğin, sayfa arka plan rengi gibi) ve öğenin adının kontrol panelinin sol üst köşesine eklendiğini göreceksiniz.
7. Şimdi Dekorasyon sekmesine tıklayın.
8. Birkaç yeni seçenek görünecek ve arka plan rengi bunların arasında olacak.
9. Giriş alanına tıklayın ve tekrar renk seçici ile karşılaşacaksınız. Küçük daireyi hareket ettirerek veya giriş alanına renk RGB kodunu yazarak istediğiniz rengi seçebilirsiniz. Sağdaki tüm değişiklikleri önizleyebileceksiniz.
10. Renginizi seçtikten sonra onay kutusunu işaretleyin.
11. CSS’nizin eklendiğini göreceğiniz CSS düzenleyici ekranına geri döneceksiniz. Tek yapmanız gereken CSS’yi Kaydet’e tıklamak.
12. Eklenti, sitenin güncellendiğini size bildirecektir. Canlı görmek için sayfanızı yenilemeniz yeterli.
Web sitenizdeki renkleri değiştirmek için SiteOrigin CSS eklentisini bu şekilde kullanabilirsiniz.
WordPress Temalarında Renk Değiştirme
WordPress Interactive’in temalarının her biri, sitenizin çeşitli bölümleri için çok sayıda renk özelleştirme seçeneğiyle birlikte gelir. Sitenizin renk şemasını değiştirebileceğiniz iki ana yer vardır: genel tema ayarları ve her sayfada/gönderide.
Genel ayarlarda özelleştirdiğiniz seçenekler tüm web siteniz için geçerli olurken, sayfada veya gönderide ayarladığınız öğeler (doğal olarak) yalnızca söz konusu sayfaya/yazıya uygulanacaktır.
1. Genel Tema Ayarları
Her temanın, temanın kendisi için belirtilebilecek seçeneklerle birlikte kendi genel ayarları vardır.
Seçenekler, her grup sitenizin belirli bir bölümüyle ilgili olacak şekilde gruplara ayrılmıştır. Bu daha kolay web sitesi yönetimi sağlar. Bazı seçenekler temadan temaya biraz farklılık gösterse de, tüm temalarımızda kullanılabilen belirli seçenek grupları vardır. Temanın sahip olacağı seçenekler büyük ölçüde temanın amacına ve gereksinimlerine bağlıdır.
1. Genel seçenekler
Burada, Birinci/İkinci Ana Renk (temanın ana renkleri) ve Sayfa Arka Plan Rengi gibi sitenin genel olarak en baskın renklerinden bazılarını ayarlayabilirsiniz. Genel seçeneklerde ayarladığınız her şeyin tüm web sitesi için geçerli olacağını unutmamanızı hatırlatmak isteriz.
Burada Metin Seçim Rengi (kullanıcıların sayfanızdaki herhangi bir metni seçerken göreceği renkleri seçin) ve Sayfa Yükleyici Arka Plan Rengi (sayfa yüklenmeden önce görülebilen renk) gibi seçenekleri de bulabilirsiniz.
2. Yazı Tipleri
Temalarımızla yazı tipi renklerini değiştirmek çok kolaydır. Seçenekler panelinin Yazı Tipleri bölümünde, tüm başlıkların (1’den 6’ya kadar), paragrafların, bağlantıların ve ayrıca fareyle üzerine gelme renklerinin renklerini ayarlayabilirsiniz.
3. Başlık seçenekleri
Başlık seçenekleri, başlık türü ve görünümü gibi başlıkla ilgili tüm ayarları bulabileceğiniz yerdir. Renklere gelince, şunları ayarlayabilirsiniz:
-
- Arka Plan Rengi: başlığınızın arka plan rengini ayarlamanızı sağlar. Her farklı başlık türü için renkleri ayrı ayrı ayarlamanız gerektiğini unutmayın.
- Arka Plan Şeffaflığı: başlığınızın arka plan şeffaflığını ayarlamanıza izin veren başka bir kullanışlı seçenek.
- Metin Rengi: Başlıkta bulunan metnin rengini de ayarlayabilirsiniz.
- Açılır Menü Rengi: açılır menülerin arka plan rengini ayarlar.
- Kenar Menüsü Rengi: başlık menüsündeki kenarlıkların rengini ayarlayın.
4. Mobil Başlık seçenekleri
Bazı temalar, site mobil cihazlarda görüntülendiğinde görüntülenen başlık için ayrı renk seçeneklerine de sahiptir. Burada arka planı, metni ve gezinme renklerini ayarlayabilirsiniz.
5. Başlık seçenekleri
Burası, Başlık alanında bulunabilecek tüm renkleri ayarlayabileceğiniz yerdir – Arka Plan, Metin Başlığı, Alt Başlık ve varsa İçerik Kırıntıları.
6. İçerik Alt seçenekleri
İçerik Tabanı, sayfalarınızın içeriğinin altında görüntülenen bir widget alanıdır. Temanızın genel seçeneklerinden İçerik Alt kısmında bu alanın Arka Plan Rengini ayarlayabilirsiniz.
7. Altbilgi seçenekleri
Metin rengini ayarlayabileceğiniz Title ve Header seçeneklerinden farklı olarak burada sadece altbilginizin arka plan rengini ayarlayabilirsiniz. Altbilgideki metnin rengi, altbilgide kullanılan widget’lardan alınır.
8. Öğeler
Bazı temalar, belirli tema öğeleri/kısa kodlar için genel seçeneklere sahiptir. Burada bu öğeler için varsayılan renkleri ayarlayabilirsiniz.
9. Yan Alan seçenekleri
Yan Alan sekmesinde bulunan seçeneklerden bazıları, İçerik Yerleşimi Arka Plan Rengi ve İçerik Yerleşimi Arka Plan Saydamlığını içerir. Yan alan aktifken arka planda sayfanın rengini koyulaştırmak veya rengini değiştirmek için bu iki seçenek kullanılır. Bu iki seçeneğin dışında yan alanı açan ve kapatan simge için renk seçeneklerini de burada bulabilirsiniz.
10. Arama seçenekleri
Bu seçenekler genellikle aramayı aç/kapat simgesinin rengini ayarlamak için kullanılır. Fakat temaya bağlı olarak bazı başka seçenekler de görünebilir.
11. İletişim Formu 7
Burada, Contact Form 7 eklentisiyle ilgili tüm renkleri özelleştirebilirsiniz (bilgi toplamanıza, ziyaretçilerinizden onları e-posta listenize eklemelerini istemenize vb. izin veren harika bir araç). Birden çok stil mevcuttur ve her stil için metin, arka plan, kenarlık ve düğme rengi seçebilirsiniz.
Sayfa/Gönderi Ayarları
Daha önce de belirttiğimiz gibi, belirli bir sayfa veya gönderi için renk seçeneklerini değiştirmek isterseniz, bunu sayfada veya gönderinin kendisinde yapabilirsiniz.
Her sayfada/gönderide düzenleyici alanının altında, o sayfanın veya gönderinin belirli bölümleri için seçenekler bulacaksınız. Elbette bazı genel seçenekler (yan alan seçenekleri gibi) sayfada ayrı ayrı ayarlanamıyor.
Arka uçta bu seçeneklerden bazılarını görmüyorsanız, bunların açılması gerekiyor demektir. Bunu, sayfanın sağ üst köşesinde bulunan Ekran Seçeneklerine erişerek kolayca yapabilirsiniz. Orada işaretlenmemiş tüm alanları kontrol edebilirsiniz ve ilgili seçenekler sayfa/yazı ayarlarınızda görünecektir.
Konunun Özeti
Bu durum WordPress web sitesi renklerinin nasıl ayarlanacağına ilişkin kılavuzumuzu sonlandırıyor. Gördüğünüz gibi, WordPress’te renkleri özelleştirmenin birçok farklı yolu vardır. Genel olarak olasılıklarınız temanızın seçeneklerinin kapsamına bağlı olacaktır. Bu şekilde sınırlandırılmak istemiyorsanız, web sitenizin renklerini istediğiniz şekilde kişiselleştirmek için size daha fazla özgürlük verecek bir renk özelleştirme eklentisini her zaman yükleyebilirsiniz. Bununla birlikte WordPress Interactive’in WordPress temalarından birini kullanıyorsanız (veya kullanmayı planlıyorsanız), o zaman renk özelleştirme söz konusu olduğunda hemen hemen her şeyi kapsıyorsunuz demektir. Buna WordPress metin renginizi, üst bilgi ve alt bilgi renklerinizi ve diğer web sitesi bölümlerini ve öğelerini değiştirme yeteneği de dahildir.
Son olarak herhangi bir ek ilhama ihtiyaç duymanız durumunda, iyi bir başlangıç için mevcut birçok renk kombinasyonundan bazılarına her zaman göz atabilirsiniz.