TypeBased Temasında Yazılara Kategori ve Etiket Alanları Eklemek

WordPress blog sahibi olupta TypeBased temasını kullananlar yazıların sol tarafında sadece yazar adının ve yorum sayısının gösterildiğini farketmiştir. Bende bu eksikliği gidermek için gerekli düzenlemeleri yaptım ve bunları sizlerlede paylaşmaya karar verdim.

Önce TypeBased temasını indirebileceğiniz adresleri verelim; Türkçeİngilizce. Şimdi lafı daha fazla uzatmadan yazımıza geçelim…

Öncelikle css dosyamızda düzenleme yapıyoruz.

TypeBased  temamıza ait style.css dosyasını açtıktan sonra post-meta h4 classını buluyoruz. Bu class alanında yazar için author, yorumlar için ise comments tanımlamaları bulunuyor. Biz buraya etiketler için tag, kategoriler için ise category tanımlamalarını ekleyeceğiz, tabi siz farklı isimlerde verebilirsiniz.

Etikeler için olan classın aynısından 2 tane kopyalıyoruz ve kopyaladıklarımızın birinde comments yazan yere tag, diğerinde ise category yazıyoruz.

.post-meta h4.tag {
background: url(images/icon_comment.gif) no-repeat right 4px;
}

.post-meta h4.category {
background: url(images/icon_comment.gif) no-repeat right 4px;
}

Şimdi sıra ikonları değiştirmeye geldi. Ben kategoriler için temanın kendi kategori ikonu olan icon_folder.gif dosyasını, etiketler için ise bilgisayarımdaki ikon arşivim içinden seçtiğim 63.png isimli resmi kullanmaya karar verdim. Etiketler için seçtiğiniz resmi temanızın bulunduğu dizindeki images dizinine koymayı unutmayın.

Şimdi bu resimleri css`imizde tanımlayalım. Az önce hazırladığımız class`lardaki resim yollarını bu yeni resimlerle değiştireceğiz.

.post-meta h4.tag {
background: url(images/63.png) no-repeat right 4px;
}

.post-meta h4.category {
background: url(images/icon_folder.gif) no-repeat right 4px;
}

Birde sayfamızda görünecek olan kategoriler ve etiketler birer bağlantı(link) şeklinde olacağı için onlara yeni class lar tanımladım, isterseniz sizde bu satırları css dosyanıza ekleyerek kullanabilirsiniz;

.post-meta h4.tag a {
color: #666666;
}

.post-meta h4.category a {
color: #666666;
}

Css`lerimiz hazır olduğuna göre şimdi kodalarımızı sayfamıza ekleme sırası geldi.

Bunun için öncelikle yazılarımızın gösterildiği sayfalarımıza bir bakalım;

Giriş sayfamız olan index.php, sadece tek bir yazımızın gösterildiği single.php, aram sonucu yazılarımızın gösterildiği search.php, kategori ve etiket gibi arşivlerin gösterildiği archive.php.

Bu sayfaların içinde tek tek düzenlemeler yapacağız ki tüm bu sayfalarda yazılarımızın yanında yazar adı ve yorum sayısı dışında kategorilerin ve etiketlerinde görüntülenmesini sağlayalım.

Bu sayfalara ekleyeceğimiz kodlarımız şu şekilde olacak.

Kategoriler için;
<h4 class="category"><?php the_category(', '); ?></h4>
Etiketler için;
<h4 class="tag"><?php the_tags('', ', ', ''); ?></h4>

Şimdi index.php dosyamızı not defteri yada herhangi bir text editor ile açalım ve <div class=”post-meta left-col”> satırını bulalım. Bu satırın hemen altında hali hazırda yazılarımıza ait yazar bilgisi ve yorumlar için bulunan şu satırları göreceksiniz.

<h4 class="author"><?php the_author_posts_link(); ?></h4>
<h4 class="comments"><a href="<?php comments_link(); ?>"><?php comments_number('0','1','%'); ?></a></h4>

Bu kod satırlarının ister altına ister aralarına kendi kodlarımızı ekleyeceğiz. Ben şöyle bir sıralama düşündüm siz kendinize göre düzenleyebilirsiniz.

  1. Yazar(author)
  2. kategori(category)
  3. Yorumlar(comments)
  4. Etiketler(tag)

Benim sıralamama göre yaparsanız kodlarda şu şekilde olmalı;

<h4 class="author"><?php the_author_posts_link(); ?></h4>
<h4 class="category"><?php the_category(', '); ?></h4>
<h4 class="comments"><a href="<?php comments_link(); ?>"><?php comments_number('0','1','%'); ?></a></h4>
<h4 class="tag"><?php the_tags('', ', ', ''); ?></h4>

index.php dosyasına yaptığımız bu değişikliklerin aynısını single.php, search.php ve archive.php dosyalarındada yapıyoruz.

Son olarak değişiklik yaptığımız tüm dosyaları ve etiketler bölümünde kullandığımız resmi web sitemizin bulunduğu sunucuya gönderiyoruz.
Artık tüm yazılarımızın yanında yazar bilgisi, kategoriler, yorum adedi ve etiketlerimiz görüntülenecektir.

Umarım benim gibi typebased temasını kullanıpta bu eksiklikten şikayet eden arkadaşlara yardımcı olabilmişimdir.