Merhaba arkadaşlar
Bu Yazımızda En Çok Okunan Yazılar bölümünü ekleyeceğiz temaya.
En çok okunanlar bölümünü nereye koyacaksanız o dosyanızı bir editör ile açın. genelde bu dosya ağırlıklı olarak sidebar.php olur
Bu arada ben düzenleme editörü olarak genellikle admin panelindeki görünüm > düzenleyici > bölümünden yapıyorum. sizede buradan tavsiye ederim. Bazı arkadaşlar notepad ++ editörü ile düzenliyor. bu editörde çoğu zaman sorun yaratıyor.
Şimdi ilk olarak bu özelliği kullanabilmemiz için wordpresin wp-postviews eklentisini kurmamız gerekiyor.
Eklentiyi buradan indirebilirsiniz.
Eklentiyi kurup aktif edin.
Daha sonra elinizde eğer önceden kulandığınız bir kod varsa eğer resimli yazılar gösteren olsun benzeri olsun direk onu kullanıp ufak bir kod değişikliği yaparak aynı ordaki gibi listeleme yapabilirsiniz.
değiştirmeniz gereken kod genelde şu şekilde olur
|
|
<?php $recent = new WP_Query("showposts=1&cat=5"); while($recent->have_posts()) : $recent->the_post();?> |
Bu kodun yerine alttaki kodu yazdığımız zaman en çok görüntülenen yazıları listeleyecektir.
|
|
<?php query_posts('post_type=post&posts_per_page=6&v_sortby=views&order=DESC'); while (have_posts()): the_post(); ?> |
Bu kodun içindeki 6 rakamını değiştirerek istediğiniz sayıda gösterebilirsiniz.
Eğer elinizde bir şablon yoksa direk bu altta verdiğim kodu kulanabilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<?php query_posts('post_type=post&posts_per_page=6&v_sortby=views&order=DESC'); while (have_posts()): the_post(); ?> <div class="yazi"> <div class="yazar_resim"> <?php if ( has_post_thumbnail() ) { // Eğer bir resim atanmışsa bu resmi göster the_post_thumbnail(); } else { // Eğer bir resim atanmamışsa standart bir resim göster echo '<img src="'; bloginfo('template_url'); echo '/images/foto1.jpg" alt="" />'; } ?> </div> <div class="yazar_ozet"> <span><a href="<?php the_permalink() ?>"><?php baslik(38); ?></a></span> <p><?php the_content_limit(100, ""); ?></p> </div> </div><!--yazar bitti--> <?php endwhile; ?> |
Css kodları olarakta
|
|
.yazi { width: 302px; height: 56px; margin: 0px auto 3px auto; background:#fff; border: 1px solid #dadada; } .yazar_resim { width: 53px; height: 43px; float: left; display: inline; margin-left: 8px; margin-top: 7px; overflow: hidden; } .yazar_resim img{ width: 53px; height: 43px;} .yazar_ozet { width: 228px; height: 46px; float: right; display: inline; margin-right: 5px; overflow: hidden;margin-top: 5px; } .yazar_ozet span { font-weight: bold; font-size: 12px; } .yazar_ozet p { margin-bottom: 4px; margin-top: 1px; color: #5f5f5f; } .yazar_ozet a,.yazar_ozet a:link, .yazar_ozet a:visited{ color: #767676;} .yazar_ozet a:hover { text-decoration: underline; color: #000; } |
Bu şekilde eksiksiz eklediğiniz zaman popüler yazılarınız yani en çok okunan yazılarınız aynı alttaki gibi görünücektir
Bu özelliğin uygulanmış halini mb tasarım kişisel blog teması v2 demo sayfamızdan görebilirsiniz
İçerik izinsiz ve kaynaksız Kopyalanamaz.!
İyi Bloglamalar
verdiğiniz eklenti de özet çıkmasını iptal edip sadece resmi üstte büyük altında da yazının ismi olsa o hale getirebilir miyiz ?