Zeki Can - WordPress

WordPress Kategori Bileşenini Düzenleme

  Wordpress    15 Ocak 2019
Yorum Yok

WordPress’in kurulumundan sonra klasik olarak oluşturulmuş bileşenlerini düzenleyemiyoruz. Bu bileşenlerden en çok beni ilgilendiren Kategori bileşeniydi. Bu bileşende Kategori Sayılarının gösterildiği kısım class’a sahip olmadığından herhangi bir stil tanımlanamıyor. Bu kategori sayısı kısmına nasıl bir stil tanımlarız ve düzenleriz onu deneyeceğim.

Öncelikle ben daha önceden bu gibi durumları yani tema haricinde kendime özel düzenleme yaptığım bölümleri WordPress eklentisi oluşturup yapıyordum. Yine denememi eklenti üzerinden yapacağım ve functions.php dosyasını işe karıştırmayacağım. Onun için öncelikle kodları ekleyeceğiniz kısmı öğrenmek için WordPress Eklenti Nasıl Yapılır? adlı konumu okuyunuz.

Kategori Bileşenini Düzenleme
Kategori Bileşeni

Bu bileşeni incelediğinizde Kategori Sayılarını gösteren kısımlara bir sınıfı yok. Bu kısımlara sınıf atayacağız.

Kategorilere Sınıf Atama
Kategori Sayısı Sınıfında Sınıf Yok

 1   Kategori sayılarına her hangi bir stil dosyasında sınıf tanımlanmadı bu şekilde gözüküyorlar.

 2   İncele dediğimiz de sınıfın atanmadığını görüyoruz.

WordPress Kategori ve Arşiv Bileşenine Class Tanımlamak

Sınıfı olmayan Kategori ve Arşiv bileşenlerine alttaki kodlarımız ile sınıf tanımlayacağız. Eğer yukarıda paylaştığım WordPress Eklentisi yapmadıysanız önce functions.php dosyanızın yedeğini alın. Funtions.php dosyasına nasıl ulaşırım derseniz WordPress functions.php Dosyası Nerede ? adlı yazımı okuyarak bu konu hakkın da bilgiye sahip olabilirsiniz. functions.php dosyamızı açıp uygun bir yere alttaki kodu yapıştırın.

/*Temanın fonksiyon dosyasına functions.php ekleyin*/
/*****************
## Category Widget ZekiCan.Net
*****************/ 
function cat_count_span($links) {
 $links = str_replace('</a> (', '</a> <span class="cat-count">(', $links);
 $links = str_replace(')', ')</span>', $links);
 return $links;
}
add_filter('wp_list_categories', 'cat_count_span');

/*************************************************
## Archive Widget ZekiCan.Net
*************************************************/ 
function archive_count_span($links) {
 $links = str_replace('</a> (', '</a> <span class="archive-count">(', $links);
  $links = str_replace(')', '', $links);
  return $links;
}
add_filter('get_archives_link', 'archive_count_span');

/* Burada Bileşenlere Sınıf Atama Bitiyor. ZekiCan.Net */

Yukarıda ki kodları ekledikten sonra inceleyelim Kategori Bileşenini.

Kategori Sayısına Class Atama
Kategori Sayısı Bileşeni Sınıfı

 3   Kodları ekledikten sonra Kategori Bileşenini incelediğimizde Kategori Sayısı kısmı şu şekilde  <span class=”cat-count”>(3)</span>   değişmiş olarak karşımıza geldi. Artık bir sınıfı olduğu için istediğimiz gibi style.css dosyamıza girip düzenleme yapabiliriz. Style.css Dosyası Nerede ? bilmiyorsanız hemen WordPress’te Style.CSS Dosyası Nerededir ?  adlı yazımı okuyun.

Burada düzenleme yapacağımız sınıfın ismi class=”cat-count”  cat-count‘dur.

Stil dosyasında class ve ıd kavramları için  CSS Class Kullanımı adlı yazımı okuyarak daha detaylı bilgiye sahip olabilirsiniz. 

94 okunma

Etiketler : , , , , , , , , ,

  Benzer Yazılar


  Yorumlar

Bir Cevap Yazın

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

Bu yazıya henüz yorum yapılmamıştır, yazı hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.

  Arama Yap

  Arşivler