Merhabalar.WordPress sitenizde populer yazılarınızı daha cafcaflı bir halde göstermek istiyorsanız, progress bar ile göstermek isteyebilirsiniz.

İnternette dolanırken basit bir progress bar görmüştüm.Bunu nasıl WP'ye uyarlarım derken aklıma çok yorumlanan yazıların listesini değişik bir formata döndürebileceğim geldi.Şunu da söyleyeyim, umarım yazıyı bloglarınızda kaynak göstererek yayımlarsınız.

Fazla geliştirmek istemedim listeyi.Sizler temanıza ve isteğinize göre düzenlersiniz.

Önce style.css i açın şu kodları yapıştırın:


.meter {
height: 15px;
position: relative;
}

.meter > span {
display: block;
height: 15px;
background:#444444;
position: relative;
overflow: hidden;
}



Daha sonra header.php yi açın şu kodları yerleştirin.


<script></script>
<script>
$(function() {
$(".meter > span").each(function() {
$(this)
.data("origWidth", $(this).width())
.width(0)
.animate({
width: $(this).data("origWidth")
}, 1200);
});
});
</script>

Ondan sonra, populer yazıları göstermek istediğiniz yere şu kodu yerleştirin.


get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5");
foreach ($populer as $post) {
setup_postdata($post);
$link = $post->ID;
$baslik = $post->post_title;
$yorumsayi = $post->comment_count;
if ($yorumsayi != 0) { ?>









  • Görüntüsü şöyle olacaktır:


    Mantığına gelelim kodların;progress bardaki gösterge populer yazılardaki yorumları 100 üzerinden değerlendirir.

    Faydalı olması dileğiyle.
    Kaynak