WordPress Sidebar Resimli Popüler Yazılar Yapmak

WordPress tabanlı blogunuza sağ kısma yani sidebar denilen bölgeye resimli popüler yazılarınızı listeleyebilirsiniz. Ancak öncelikli olarak belirtmemiz gerekenler şunlar; wordpress 3.0 ve üzeri bir sürüme sahip olmalısınız, ikincisi de bu popülerlik en çok yorum alan yazıları listeleyen bir çalışma olacak.

Wordpress sidebar resimli yorum sayısına göre sıralanan popüler yazılar görüntüsü

İşte kodlar ile yapabileceğiniz sidebar yapısını görsel olarak inceleyebilirsiniz. Yazıları yorum sayısına göre sıralayabilirsiniz bu şekilde. Sanıyorum bunu en çok hit alan konular şeklinde de uyarlayabilmek mümkün olur. Ancak ziyaret sayacı için bir eklentiye ihtiyaç duyabilirsiniz. Bu anlatım bunu eklentisiz ve sadece temanıza ekleyeceğiniz kodlar ile yapabiliyor olmanızdır. Yani bunun belki daha kullanışlı şeklini eklentiler ile yapabilmeniz mümkündür fakat sunucu ve kod canavarı arkadaşlar için kodları görerek yapmanız daha heyecan vericidir. 😉

1. yani ilk adım olarak aşağıdaki kodu temanızda bulunan function.php sayfanıza ekleyiniz.

if ( function_exists('add_theme_support') )
add_theme_support('post-thumbnails');

2. adım olarak da temanızdaki resimler öne çıkarılmış görsel olarak ayarlanmış olması gerekiyor. Yani her yazınızı yazıp resim eklediğinizde bu resmi öne çıkarılmış görsel olarak seçmiş olmanız gerekiyor. Bu kodlarla ufak oynamalar ile özel alandan eklenen resimler olarak da kullanabilmek mümkün olur sanıyorum. Bunu şu an deneme fırsatım olmadı.

3. adım olarak da sidebar.php sayfanıza ekleyeceğiniz PHP/XHTML kodu aşağıda;

<img src="&lt;?php bloginfo('template_directory')?&gt;/images/popularPosts.png" alt="popular posts" />

&nbsp;
<ul>
<ul><!--?php while ( have_posts() ) : the_post(); ?-->
	<li>
&nbsp;</li>
</ul>
</ul>
&nbsp;

yukarıdaki kodlar arasında showposts=5 buradaki sayıyı kaç yaparsanız okadar popüler yazıyı sergileyebilirsiniz. Şu an 5 popüler yazınız görünecek. the_post_thumbnail(array(70,70)) kodu üzerindeiki 70,70 de yazınızın o boyutlarda küçültülüp sergileneceğini tanımlıyor. Yani 70×70 (px) boyutunda.

4. ve son adımda da Bu kodların CSS ile desteklenmesi için temanızdaki style.css sayfasına ekleyeceğiniz kodlar yer alıyor.

/*Popular Posts*/
#sideBar #popularPosts { list-style:none; }
#sideBar #popularPosts li { overflow:auto; margin:10px 0px;}
#sideBar #popularPosts li img { float:left; margin-right:10px; border:5px solid #88ffd3;}
#sideBar #popularPosts li a { text-decoration:none; font-weight:bold; color:#1e292b;}
#sideBar #popularPosts li p { margin-top:10px; }

İşte hepsi bu kadar. Umarım yapmak isteyip yapamayan blogcu arkdaşlara ufak bir katkımız olmuştur.

“WordPress Sidebar Resimli Popüler Yazılar Yapmak” 4 yorum yapıldı.

  • makale için tşkler ama benim tema galbia desteklemiyor.

  • kodlarda eksik bişemi var benmi beceremedim 🙂

  • bunun haftalık veya aylık sıfırlanan şeklini yapmak mümkün mü ?

  • yukarıdaki kodlarda showposts=5 demişsiniz ama o kodların içinde showposts=5 diye birşey yok

Yorum Yapın

Şüphesiz ki Allah tövbekar genci sever. (H.Ş.)