11 Ocak 2015 Pazar

Wordpress Hueman Sidebar Renklerini Değiştirme

Hueman temasının iki adet sidebarı mevcut. Önce birincil yani primary sidebarın mavimsi olan header rengini değiştirelim. Bunun için yapmanız gereken kontrol panelinden "Görünüm" oradan da "Düzenleyici"ye tıklamak ve açılan "style.css" dosyasında CTRL+F yaparak aşağıdaki kodu bulmaktır. Bu kod içindeki renk kodu birincil sidebarın orjinal renk kodudur. O kodu buradan renk kodu seçerek istediğiniz gibi değiştirebilirsiniz.

.s1 .sidebar-toggle { background: #3b8dbd; }
Aşağıdaki resimle kodu style.css dosyasındaki yerini görelim.


Şimdide ikinci yani secondary sidebarın header yani başlık kısmındaki yeşilimsi rengi değiştirelim. Bunu yapmak için yine aynı şekilde sytle.css dosyasını açıp aşağıdaki kodu CTRL+F yardımı ile bulalım ve yine istediğimiz renk kodu ile ilgili yerini değiştirelim.

.s2 .sidebar-toggle { background: #82b965; }

Aşağıdaki resimde kodun style.css dosyasındaki yerini görelim.


Sidebarların başlık kısımlarındaki renklerin nasıl değiştirildiğini öğrendiğimize göre şimdi sıra sidebarların omurga renklerini yani background renklerini değiştirmeye geldi. Bunun için yapmanız gereken tek şey aşağıdaki kodu "sytle.css" dosyasına (tavsiyem en alta) ekleyip renk kodunu istediğiniz şekilde değiştirmektir. Değiştireceniz kod kısmı "#ffffff" dır. Kolay gelsin...

.sidebar {
background: #ffffff;
}

İşlemleri yaptıktan sonra kaydetmeyi unutmayın. Ve aşağıdaki uyarıyı mutlaka okuyunuz.

Bazı görselleri değiştirip kaydetseniz bile size değişmemiş gibi görünebilir. Bunun temel sebebi tarayıcınızın ön belleğine altığı resim, görünüm vb. çerez özelliklerdir. Tarayıcınızın ön belleğini temizleyip sayfayı yenilediğinizde değişmiş olduğunu göreceksiniz.

Bu yazımda sizlere Wordpress Hueman Sidebar Renklerini Değiştirme nasıl yapılıyor onu anlattım. Yararlı bir yazı olması dileğiyle.

Hiç yorum yok:

Yorum Gönder