CSSWordPress

WordPress’de Kategoriye Özel Simge Koyma

Bu yazı 3 ay veya daha önce yayınlanmış olduğundan görülen linklerde, resimlerde veya kodlarda hata olabilir. Herhangi bir hata ile karşılaşırsanız bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dilerim.

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

17 comments
  1. ali

    Anlatım için çok teşekürler gerçekten işime yaradı 🙂 peki sizin şuanki kategori kısmında üstte renkli kısım bunu nasıl yapabilriz acaba bilgi verirseniz bi örnekle gerçekten çok sevinirim 🙂 ve çok yardımcı olmuş olursunuz 🙂

  2. Eray B.

    Her ne kadar sitenin hızını düşürse de kategorileri az olan bir site için gayet güzel gözükecektir diye düşünüyorum. 5 kategori belirledi diyelim ufak boyutlarda resimler ile site çokta yavaşlamaz diye düşünmekteyim. Güzel bir konu olmuş gerçekten, ellerinize sağlık.

  3. Burak İşci

    Kullanılabilir bir özellik ancak böyle böyle her kategorinin başına resim koyacak olursak site çok yavaşlar, sadece birkaç tanesine koysak o zaman da çirkin görüntü oluşuyor.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

PREMIUM WORDPRESS TEMALARI
wordpress emlak teması
wordpress rent a car teması v2
%d blogcu bunu beğendi: