Zeki Can - WordPress
WordPress Kategori Bileşenini Düzenleme
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.
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.
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.
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.
Etiketler : Arşiv Bileşenini Özelleştirme, Css, Kategori Bileşenini Düzenleme, Kategori Bileşenini Özelleştirme, Wordpress, WordPress Arşiv Bileşenine Sınıf Atama, Wordpress Kategori Yazı Sayısı, WordPresste Kategori Bileşenine Sınıf Atama, WordPresste Kategori Bileşenini Özelleştirme, WP Kategori Yazı Sayısı
