WordPress Başlıklarınızın Yanına Kategori Resmi Ekleme

WordPress sitenizde anasayfa konularının sağ tarafına ilgili kategorinin görselini koymanız mümkün. Madde madde konuyu detaylandırmadan önce aşağıdaki kategorileri içeren bir sitemiz olduğunu varsayalım.

Kategori Adı — Kategori ID Numarası

Makaleler — 1

• Türkçe Makaleler — 2
• Ä°ngilizce Makaleler — 3

Dersler — 4

• Türkçe Dersler — 5
• Ä°ngilizce Dersler — 6

Eğer kategorilerinizin id numarasını bilmiyorsanız yönetici panelinizden Yazılar > Kategoriler alanına gidiniz. Bu alanda sağ tarafta açılan kategorilerinizin üzerine imleci götürdüğünüzde aşağıdaki durum çubuğunda link gözükecektir. Bu link içinde tag_ID diye gözüken ise sizin kategori ID numaranızdır.

Üstteki örneklendirmeye göre bir çalışma hazırlayalım.

1. Adım : CSS dosyamızı açıyoruz ve aşağıdaki kodlamayı ekliyoruz.

.cat_logo {float:right; margin: 3px 3px 1px 1px;}

2. Adım : Index.PHP’yi açıyoruz ve aÅŸağıdaki kodlamayı if(have_posts()):while(have_posts()) : the_post(); satırlarının altına ekliyoruz.

<?php
$cat = get_the_category(); $cat = $cat[0];
$makaleArray = array('1','2','3');
$dersArray = array('4','5','6');

if (in_array($cat->cat_ID, $adobeArray)) {?>

<img class="cat_logo" src="<?php bloginfo('template_url')?>/images/kategori/makaleler.png" title="<?php echo $cat->cat_name;?>"/>

<?php }elseif (in_array($cat->cat_ID, $wordpressArray)) {?>

<img class="cat_logo" src="<?php bloginfo('template_url')?>/images/kategori/dersler.png" title="<?php echo $cat->cat_name;?>"/>

<?php }else{?>

<img class="cat_logo" src="<?php bloginfo('template_url')?>/images/kategori/digerleri.png" title="<?php echo $cat->cat_name;?>"/>

<?php } ?>

Ãœstteki kodda eÄŸer 1-2-3 id kategorilerine baÄŸlı bir konuysa makaleler.png’yi, 4-5-6 id kategorilerine baÄŸlı bir konuysa dersler.png dosyasını baÅŸlığın yanına ekliyoruz. EÄŸer her iki gruba üye deÄŸilde digerleri.png’yi çağırıyoruz. 2. ve 3. satırdaki makale ve ders arraylerini kendi kategorizasyonunuza göre düzenleyebilirsiniz.

Bir Diğer Yöntem

Aşağıdaki yöntem ise daha az kategoriye sahip siteler için uygun. Kategorilerinizin ID numaralarını öğrendikten sonra onlara özel görseller atayabilirsiniz.

<?php if ( in_category(1) ) {
echo '<img src="1.png" />';

} elseif ( in_category(2) ) {
echo '<img src="2.png" />';

} else {
echo '<img src="3.png" />';
}
?>

Örnek vermek gerekirse kategori ID numarası 1 olan baÅŸlığın yanına 1.png’yi ekliyoruz.

Biz, bu tekniklerle anasayfamızdaki konuların yanlarında kategori görselleri yayınlıyoruz. 

Eğer sorularınız varsa konu altında sorabilirsiniz.

Örnek Görüntü :