WordPress en çok kullanılan içerik yönetim sistemlerinden biridir. Bu kullanıcı yoğunluğu sebebiyle bir çok tema tasarlanmıştır. Bu temalar tasarlanırken bazı küçük detaylar atlanabiliyor. Benim kullandığım çoğu tema da Kategori Bileşeninde o kategoriye ait yazı sayısını göstermek istediğimde bu sayılar parantez için de ve biçimsiz bir şekilde ortaya çıkıyordu. Bu durumdan benim gibi rahatsız olanlar için küçük kod parçacıkları ile daha güzel bir görüntü elde edeceğiz ve parantezleri kaldıracağız.
WordPress Kategori Bileşenini Özelleştirme
WordPress Sidebar (Sağ ya da sol kısım) kısımlarının vazgeçilmez bileşenleri arasın da en çok tercih edileni Kategori Bileşenidir. Kullanmayan hemen hemen hiç yoktur. Ama bu kısımda her hangi bir class atanmadığından özelleştirmek biraz zorlaşıyor. Daha özel bir yapıya kavuşturmak için kategori bileşeninde kategori sayısını kısmına class atayarak bu soruna çözüm bulabiliriz. Bunun için WordPress Kategori Bileşenini Özelleştirme adlı yazımı okuyabilirsiniz.
Kategori Bileşeninde ki Kategori Sayısı Parantezlerini Kaldırma
1 Kategori bileşeninde eğer kategori sayısına bir değer ve class girilmemiş ise muhtemelen sizde de bu şekilde Parantez içinde gözüküyordur. Bu bileşende parantezleri kaldırmak için altta ki kodları ekleyeceğiz. Bu kodları functions.php dosyanıza ekleyin. Eğer functions.php dosyanızın nerede olduğu hakkında bir bilginiz yok ise WordPress’te functions.php Dosyası Nerededir? adlı yazımı okuyarak öğrenebilirsiniz.
/*****************
## Kategori Bileşeni Kategori Sayısının Parantezini Kaldırma Kodu Başlangıç 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');
/*****************
## Kategori Bileşeni Kategori Sayısının Parantezini Kaldırma Kodu Bitiş ZekiCan.Net
*****************/
2 WordPress functions.php dosyamızın önce yedeğini alalım. Sonrasında kodu uygun bir yere yapıştıralım. Bu kodu ekledikten sonra artık style.css dosyamızda .cat-count adında bir sınıf oluşturarak Kategori Sayısı için bir stil yaratabiliriz. Ve bu kod ile parantezleri kaldırabiliriz. Daha fazlası için WordPress Kategori Bileşenini Düzenleme Özelleştirme adlı konuyu okuyabilirsiniz.
3 Kodu ekledikten sonra parantezler kaldırılmış ve daha hoş bir Kategori Bileşeni oluşmuş olacak.
.cat-count için alternatif stil dosyası örneği:
/* WordPress Style.Css Dosyası Kategori Sayısını Özelleştirme Örneği ZekiCan.Net Style. Css de kullanılacak Kodlar */
.cat-count{
background:#3498db;
float: right;
width: 42px;
text-align: center;
}
/* WordPress Style.Css Dosyası Kategori Sayısını Özelleştirme Örneği ZekiCan.Net */
HTML de Kullanımı:
<li class="cat-item cat-item-2 current-cat"><a href="https://www.zekican.net/android/" title="Android işletim sistemi ve programlama iletilerinin bulunduğu kategoridir.">Android</a> <span class="cat-count">22</span>
</li>
Kategorileri Listelemek İçin Alttaki Kodu Kullanabilirsiniz
/* ZekiCan.Net Kategorileri Listeleme Kodu Başlangıç */
<?php
$args = array(
'show_count' => 1,
'depth' => 1,
'hide_empty' => 0,
'orderby' => 'count',
'exclude_tree' => '1',
'order' => 'ASC',
'title_li' => ''
);
wp_list_categories($args);
?>
/* ZekiCan.Net Kategorileri Listeleme Kodu Bitiş */
WordPress içerik yönetim sistemin de kategorilere ait yazılarınızı listelerken Url de oluşan category yazısını kaldırmak için WordPress Category Yazısını Kaldırma adlı yazıyı okuyarak kolaylıkla kaldırabilirsiniz.