WordPress’de Kategoriye Özel Simge Koyma

Bu yazımda kategoriye özel simge koymayı anlatacağım size arkadaşlar, benim temada kategoriler listelenmediği için size localhostta kurduğum tema üzerinden anlatım yapacağım.

anlatım 1Bildiğimiz gibi herkeste kategoriler ya yandaki gibi çift sütundan oluşuyor yada tek sütundan oluşuyor. Şimdi bu yazımda size kategorilerin başlarına istediklerinize özel simge koymayı göstereceğim. Bunu yapan eklentiler vardır ama eklenti kurup sistemi kasmaya gerek yok, css ile bu olayı cok kolay bir şekilde yapabiliriz.

Şimdi yapmamız gereken önce kategorinin id değerini öğrenmek bunu ister admin panelinden de yapın isterseniz sayfanın kaynak kodlarından. Size sayfayı denetleme yöntemiyle öğrenmeyi göstereceğim.

Kategori ID’si Nasıl Öğrenilir?

Sayfada kategori ID’sini öğrenmek istediğimiz kategorinin ismine sağ tıklayıp Öğeyi Denetle diyoruz.

ve sonra karşımıza

<li class="cat-item cat-item-235">...</li>

şeklinde kodlar görüyoruz buradaki cat-item-235 deki 235 bizim ID değerimiz. Buradaki mantık şudur cat-item-ID.

Şimdi gelelim css kısmına, aşağıda ki vereceğim kodu style.css‘de en alta yazmanız gerekmektedir. Ben WordPress kategorisi için yapacağım bu yüzden WordPress simgesi kullanacağım. Benim ID değerim 168 bunun üzerinden işleme gideceğim.


.cat-item-168 a{
 background-image:url(resim/wp-icon.png);
 background-position:left;
 background-repeat:no-repeat;
 padding-left:16px;
}

Sonuç:

Untitled-10 copy

Sevgiler.
Bir önceki yazımız olan WordPress'de Zamanlama Kaçırıldı Hatası [Çözümü] başlıklı makalemizi de okumanızı öneririz.

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

17 Yorum

Burak SAHİN için bir yanıt yazın Yanıtı iptal et

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.