كيف تعرض مواضيعك الاكثر شعبية مع مصغرات الصور في الووردبريس


مصنفة في قسم  : شروحات
كتبت بتاريخ  : 18 أبريل 2011
عدد المشاهدات  : 
عدد التعليقات  : 12 تعليق 

كيف تعرض مواضيعك الاكثر شعبية مع مصغرات الصور في الووردبريس

السلام عليكم ورحمة الله تعالى وبركاته

في هذه التدوينة سوف نقوم بشرح طريقة عرض المواضيع الاكثر شعبية المرتكزة على عدد التعليقات للموضوع , اي انه كلما زادت عدد التعليقات في الموضوع كلما زادت شعبية الموضوع

في هذا الشرح يجب التاكد من ان القالب الذي تستعمله يدعم مصغرات الصور وهناك طريقتين لاستعمالها :

  1. استعمال ميزة “مصغرة للتدوينات” فى الوورد برس 2.9
  2. كيف تضع مصغرات الصور و سكريبت TimThumb في مدونة الووردبريس

في هذه الحالة سيكون الاختلاف فقط في طريقة استعمال المصغرات بالنسبة لعرض المواضيع الاكثر شعبية

طريقة العرض باستعمال مصغرة للتدوينات

بالنسبة لطريقة العرض بواسطة ميزة مصغرة التدوينة (الصورة البارزة) نقوم بلصق الكود التالي في القائمة الجانبية (sidebar.php) في اي مكان تريد ظهور المواضيع الاكثر شعبية :

<div style="list-style-type:none;padding-right:4px;">
 <?php
 $pop_posts = 5;
 $popularposts = "SELECT $wpdb->posts.ID, $wpdb->posts.post_title,  COUNT($wpdb->comments.comment_post_ID) AS 'stammy' FROM $wpdb->posts, $wpdb->comments WHERE comment_approved = '1' AND $wpdb->posts.ID=$wpdb->comments.comment_post_ID AND post_status = 'publish' AND comment_status = 'open' GROUP BY $wpdb->comments.comment_post_ID ORDER BY stammy DESC LIMIT ".$pop_posts;
 $posts = $wpdb->get_results($popularposts);
 if($posts){
 foreach($posts as $post){
 $post_title = stripslashes($post->post_title);
 $guid = get_permalink($post->ID);
 $thumb = get_post_meta($post->ID,'_thumbnail_id',false);
 $thumb = wp_get_attachment_image_src($thumb[0], 'post-thumbnail', false);
 $thumb = $thumb[0];
 ?>
 <div>
 <?php if ($thumb) { ?>
 <img src="<?php echo $thumb; ?>" width="40" height="40" />
 <?php } ?>
 <div><a href="<?php echo $guid; ?>" title="<?php echo $post_title; ?>"><?php echo $post_title; ?></a></div>
 <div></div>
 </div>
 <?php
 }
 }
 ?>
</div>
هنا سيقوم بعرض خمسة مواضيع اذا اردت تقوم بعرض مواضيع اكثر فقم بتغير قمة المتغير pop_posts من الكود

طريقة العرض باستعمال timthumb

بالنسبة لطريقة العرض باستعمال السكريبت timthumb فقم باستعمال الكود التالي داخل القائمة الجانبية :

<div style="list-style-type:none;padding-right:4px;">
 <?php
 $pop_posts = 5;
 $popularposts = "SELECT $wpdb->posts.ID, $wpdb->posts.post_title,  COUNT($wpdb->comments.comment_post_ID) AS 'stammy' FROM $wpdb->posts, $wpdb->comments WHERE comment_approved = '1' AND $wpdb->posts.ID=$wpdb->comments.comment_post_ID AND post_status = 'publish' AND comment_status = 'open' GROUP BY $wpdb->comments.comment_post_ID ORDER BY stammy DESC LIMIT ".$pop_posts;
 $posts = $wpdb->get_results($popularposts);
 if($posts){
 foreach($posts as $post){
 $post_title = stripslashes($post->post_title);
 $guid = get_permalink($post->ID);
 ?>
 <div>
 <img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>&amp;w=40&amp;h=40&amp;zc=1&amp;q=100" alt="<?php the_title(); ?>" />
 <div><a href="<?php echo $guid; ?>" title="<?php echo $post_title; ?>"><?php echo $post_title; ?></a></div>
 <div></div>
 </div>

 <?php
 }
 }
 ?>
</div>

تنسيق طريقة عرض المواضيع الاكثر شعبية

وقبل ان لا ننسى ستحتاج بطبيعة الحال الى تغيير التنسيق لتظهر المواضيع بشكل انيق , هنا ساضع تنسيق بسيط كنت استعمله ولك حريت التعديل بما يناسب القالب الذي تستعمل

.popular-post {margin-bottom: 5px;padding-bottom:5px; margin-left:5px;}
.popular-post .alink {float:none; padding-top:12px; }
.popular-post img {float: right; margin: 4px 4px 0 8px; border:1px solid #ddd;padding:2px;}
.popular-post  .clear {clear: both;}

اذا كان هناك اي استفسار يرجى وضع تعليق ولا تنسى الاشتراك في قائمتنا البريدية ولك جزيل الشكر

والسلام عليكم ورحمة الله وبركاته

كيف تعرض مواضيعك الاكثر شعبية مع مصغرات الصور في الووردبريس بواسطة مجلة ووردبريس, يمكنك نقل ومشاركة التدوينة مع ذكر المصدر الأصلي للموضوع ، مع رابطه, والتدوينة مرخصة بموجب المشاع الابداعي Creative Commons A-NC-SA 3.0.

الوسوم : , , , , , , , ,


عدد التعليقات على هذه التدوينة : 12 تعليق

  1. نشوان دعقان أبريل 21st, 2011

    موضوع جميل جداً تسلم أخوي معاذ عليه ، ولكن أليس من الافضل إستعمال الووردبريس في جلب المواضيع الشعبة بدلاً من الإستعلام المباشر من قاعدة البيانات بإمكانك رؤية هذا الموضوع

    http://nashwan-d.com/blog/develop/wordpress-most-commented-posts/

    أظن أنه سيجعل من الكود أكثر بساطة .

    • admin أبريل 21st, 2011

      في الحقيقة الطريقة التي ذكرت في موقعك ستجعل الكود بسيط وانا ايضا استعملها في احد القوالب التي اقوم بتصميمها هذه الايام ولكن استعملها من ملف ال functions.php مع بعض التعديلات على الكود
      ولم اقم بتجريبها مباشرة من القائمة الجانبية

  2. Hassan Al Labbad أبريل 23rd, 2011

    أتمنى منك شرح طريفة عمل مواضيع ذات صلة مثل موقعك.

    • admin أبريل 23rd, 2011

      طيب اخي العزيز حسن انا استعمل الاضافة Yet Another Related Posts Plugin واستعمل template خاصة بعرض الصور المصغرة وعن قريب اضع شرح لها اخي العزيز

  3. يوسف العتيبي يونيو 5th, 2011

    موضوع رائع حقاً,,, خصوصاً ان الكود يقوم بالاستعلام من قاعدة البيانات
    سأحاول التعديل عليه لجلب عدد التعليقات .

    وفقك الله اخي

  4. عبدالحق يوليو 1st, 2011

    السلام عليكم
    موضوع جميل
    و لكن المبتدئين قد يواجهون مشاكل كبيرة
    المهم أن هناك إضافة رائعة جدا و هي تقوم بعمل هذا الأمر بطريقة جمبلة جدا و يمكن التعديل في خصائص العرض عن طريق css
    يمكنك مشاهدة الإضافة على موقعي أسفل المواضيع و ستفهم ما أقصده
    تحياتي لك

    • admin يوليو 2nd, 2011

      العفو اخي العزيز عبد الحق
      هل صوت بنعم ام لا ؟ ههههه
      المهم الاضافة التي تستعمل انت لعرض المواضيع ذات صلة وليس لعرض المواضيع الاكثر شعبية
      بالنسبة للمبتدئين الشرح واضح لاظنه صعب التطبيق

  5. محمد يوليو 17th, 2011

    السلام عليكم أخي الكريم , هل يمكن جعل الإضافة تعمل بناءا على عدد زيارات التدوينة ؟

    • admin يوليو 17th, 2011

      ممكن اخي العزيز في حالة كنت تستعمل الاضافة wp-postviews او باستعمال هاك خاص بعرض عدد المشاهدات
      ولكن تحتاج شوية شغل ايضا هذه الطريقة

  6. عبد الرحيم أبريل 23rd, 2012

    السلام عليكم
    ها هناك اضافة تمكن من جلب مواضيع تصنيف معين إلى إحدى مربعات القائمة الجانبية و شكرا


  • مجلة الوردبريس
    مايو 30th, 2012




1. المرجوا الابتعاد عن كتابة تعليقات بنمط (يعطيك العافية)، (روعة)، (ممتاز)، (مشكوووور)، (ابداع).

2. زاوية التعليقات هي جزء مكمّل للموضوع الذي قرأته للتو. حاول أن تحصر تعليقك في صلب الموضوع حتى نستثمر هذا التعليق لكسب المزيد من الفائدة سواءً عن طريق مناقشة الموضوع أو عن طريق إضافة معلومات مكمّلة أو إبداء ملاحظات أخرى في نفس السياق.