Wordpress Sidebar'da Menü Öğelerine İkon

Temamızı daha görsel hale getirmek için birkaç küçük Css modifikasyonu yapmamız gerekir.Şu anda www.axakal.net ' in   sidebar kısmında gördüğünüz menü öğelerinin başındaki yıldızlar da bu şekilde yapılmıştır.Axakal temayı  Bildirgeç temasına daha çok benzetebilmek için bu oynamayı yaptım.Birçok sitede bunun nasıl yapılacağını araştırdım.Ama wordpress için en uygun yolu deneme yanılma yöntemiyle kendim bulmak zorunda kaldım.Eğer böyle birşey yapmak istiyorsanız siz de fazla uğraşmayın diye bu makaleyi yazıyorum.



Yapmanız gereken ilk önce menü öğelerinin başına koymak istediğiniz küçük boyutlu .ico uzantılı bir ikon bulmak.Ben küçük bir yıldız ikonu koymayı uygun gördüm.Eğer siz de bu ikonu kullanmak istiyorsanız:

  Bu resmi sağ tıklayıp kaydettikten sonra axakal temanın images klasörüne aynı adla upload etmeniz gerekiyor.

Daha sonra temanın style.css dosyasını açıp:

#sidebar ul ul li, #sidebar ul ol li {

margin: 3px 0 0;

padding: 0;

}

Bu kısmı buluyoruz ve aşağıdaki kod ile değiştiriyoruz:

#sidebar ul ul li, #sidebar ul ol li {

margin: 3px 0 0;

padding: 0;

background: url(images/star_ico_empty.gif) 1px 0px no-repeat;

padding-left: 20px;

}

İşlemimiz sona erdi.Artık sidebarımızın öğelerinin yanında yıldız ikonu bulunacaktır.