Wordpress tabanlı güncelerin olmazsa olmazlarından birisi de gönderilere eklenen etiketlerdir. Birçoğumuz gönderi içinde kullandığımız popüler etiketleri bir etiket bulutu (tag cloud) şeklinde sitemizde ziyaretçilerimize sunarız. Bu yazımızda kısaca Wordpress tabanlı güncemizde nasıl bir etiket bulutu sayfası elde edeceğimizi anlatacağız.

Bu işlemi yaparken Wordpress’te öncelikle bir sayfa şablonu oluşturalım. Sayfa şablonumuz etiketlerimizi göstereceğinden Wordpress’in wp tag cloud fonksiyonundan yararlanacağız. Şimdi sayfa şablonumuzu oluşturacak olan kodları yazalım.

< ?php
/*
Template Name: etiket_bulutu
*/
?>

< ?php
get_header();
?>

<div id="content">
  < ?php if (have_posts()) : while (have_posts()) : the_post(); ?>

  <div class="entry <?php if(is_home() && $post==$posts[0] && !is_paged());?>">
    <h3 class="entrytitle" id="post-<?php the_ID(); ?>"> <a href="<?php the_permalink() ?>" rel="bookmark">
      < ?php the_title(); ?>
      </a>
	  </h3>

<div class="etiketsayfa">< ?php wp_tag_cloud('smallest=8&largest=18&number=999&order=RAND'); ?></div>
</div>

    <!--
	<?php trackback_rdf(); ?>
	-->
  </div>
  < ?php comments_template(); // Get wp-comments.php template ?>
  < ?php endwhile; else: ?>
  <p>
    < ?php _e('Sorry, no posts matched your criteria.'); ?>
  </p>
  < ?php endif; ?>
  <p><span class="page">
    < ?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?></span>
  </p>

< ?php get_sidebar(); ?>
< ?php get_footer(); ?>

Yukarıdaki kodlar benim t’infection.com’da Etiket bulutu sayfası yapmak için kullandığım kodlardır. Burada yaptığım şey ise sitemin index.php dosyasını alarak wp tag cloud() fonksiyonunu eklemek. Etiket bulutunu elde edecek kodu tekrar görelim;

<div class="etiketsayfa">
< ?php wp_tag_cloud('smallest=8&largest=18&number=999&order=RAND'); ?>
</div>

Gördüğünüz gibi wp_tag_cloud() fonksiyonunda biraz argüman eklemesi yaptım. En küçük etiket görünüm değerini 8pt en büyük değeri ise 18pt olarak belirledim. Etiketlerin sayısını 999 olarak yazdım ki tüm eklemiş olduğum etiketleri içerebilsin. (Tabi sizin 1000 üzeri etiketiniz varsa bu değeri büyütebilirsiniz) Son olarakta etiket dizilimi Rand değeriyle rastgele hale getirdim. Etiket bulutunu ise stil dosyama eklediğim Etiketsayfa Css sınıfı içerisine aldım.

Şimdi sıra geldi sayfamızı oluşturmaya. Yukarıda vermiş olduğum kodu boş bir metin editöründe etiket_bulutu.php olarak kaydedip tema dizininiz içine atın. Daha sonra sitenizin yönetim paneline giriş yapın. Burada Yeni sayfa ekleme alanına gelerek yeni sayfanıza Etiket Bulutu ismini verin. Yan alanda tema dizinine attığımız etiket_bulutu.php isimli dosya Sayfa Şablonu olarak görünecektir. Sayfamıza sadece isim verip bu şablonu seçerek kaydedebiliriz.

Gördüğünüz gibi önce etiket_bulutu.php şablonumuzu oluşturduk. Bunu kullandığımız temanın dizinine attık. Yönetim panelinden yeni sayfa ekleme alanına gelerek attığımız şablonu seçtik ve sayfamıza isim vererek oluşturduk. Hepsi bu :) Yukarıda size şablon olarak verdiğim kodları siz kendi temanızın herhangi bir .php dosyasını düzenleyerekte elde edebilirsiniz.

Benim oluşturduğum etiket bulutu sayfasını görmek için buraya tıklayabilirsiniz. Umarım faydalı olur.

Rastgele Yazılar