• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

سعيد البقالي

مطوّر ووردبريس

  • الرئيسية
  • المدونة
  • الأرشيف
  • راسلني
أنت في:الرئيسية / شرحات ووردبريس / طريقة عرض المقالات اﻷكثر تعليقا في ووردبريس دون إضافة

طريقة عرض المقالات اﻷكثر تعليقا في ووردبريس دون إضافة

أخر تحديث في 2 يناير، 2022 بواسطة سعيد البقالي 6 تعليقات

محتوى المقالة إخفاء
  1. 1 عرض المقالات الأكثر تعليقا دون إضافة
  2. 2 عرض المقالات الأكثر تعليقا بواسطة إضافة.

عندما نقوم بإنشاء موقع أو مدونة، عادة ما نقوم بوضع وضائف لكي يتم استعمالها من طرف الزوار كأزرار المشاركة في مواقع التواصل، نموذج البحث، نماذج الاشتراك في بريد المراسلات، مقالات ذات صلة… وذلك لزيادة تفاعل الزوار مع موقعنا.

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

عرض المقالات الأكثر تعليقا في ووردبريس

عرض المقالات الأكثر تعليقا دون إضافة

أول ما سنقوم به هنا هو إضافة هذا الكود الذي هو عبارة عن وضيفة تقوم باستخراج المقالات الأكثر تعليقا، إلى ملف functions.php أو إلى إضافتك المخصصة.

/**
 * Display top commented posts.
 *
 * @package saidelbakkali.com
 *
 * @author Said El Bakkali
 */
if ( ! function_exists( 'sb_top_commented_posts' ) ) {

	/**
	 * Display most commented posts en the Front-End.
	 */
	function sb_top_commented_posts() {

		$sb_top_commented_posts = get_transient( 'sb_top_commented_posts_cache' );

		if ( false === $sb_top_commented_posts ) {
			// WP_Query arguments.
			$args = array(
				'post_status'            => array( 'publish' ),
				'posts_per_page'         => '5' + count( get_option( 'sticky_posts' ) ),
				'orderby'                => 'comment_count',
			);

			// The Query.
			$sb_top_commented_posts = new WP_Query( $args );

			set_transient( 'sb_top_commented_posts_cache', $sb_top_commented_posts, DAY_IN_SECONDS );
		}

		// The Loop.
		if ( ! is_wp_error( $sb_top_commented_posts ) && $sb_top_commented_posts->have_posts() ) {
			// Start output buffering.
			ob_start();

			echo '<ul class="sb-top-commented-posts">';

			while ( $sb_top_commented_posts->have_posts() ) {
				$sb_top_commented_posts->the_post();
				echo '<li>';
				echo '<figure class="sb-top-commented-posts-thumbnail">';
				if ( has_post_thumbnail() ) {
					the_post_thumbnail( 'sb-top-commented-posts' );
				}
				echo '</figure>';

				echo '<div class="content">';
				the_title( '<h3 class="sb-top-commented-posts-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' );
				comments_popup_link(
					__( 'No comments yet', 'text-domain' ),
					__( '1 comment', 'text-domain ' ),
					__( '% comments', 'text-domain' ),
					'comments-link sb-top-commented-posts-comments-link',
					__( 'Comments are off for this post', 'text-domain' )
				);

				echo '</div></li>';
			}

			echo '</ul>';

			$output = ob_get_clean();

			// Return output.
			return $output;
		}

		// Restore original Post Data.
		wp_reset_postdata();
	}
}

/**
* Delete transient from wp_options when comment count has been updated.
*/
function invalidate_sb_top_commented_posts_cache() {
	delete_transient( 'sb_top_commented_posts_cache' );
}
add_action( 'wp_update_comment_count', 'invalidate_sb_top_commented_posts_cache' );

بعدها نصل إلى مرحلة عرض الدالة في القالب، يمكننا عمل ذلك بعدة طرق وهي تتغير حسب المكان الذي نريد أن نظهرها فيه، مثلا لإظهار المقالات الأكثر تعليقا في أي مكان من القالب يمكننا استعمال هذه الدالة، مثلا سنضعها في ملف sidebar.php لإظهارها في القائمة الجانبية.

<?php echo sb_top_commented_posts(); ?>

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

// Create shortcode.
add_shortcode('sb_top_commented_posts', 'sb_top_commented_posts');

الكود القصير الذي سنحصل عليه هو [sb_top_commented_posts] أنا في هذا الموقع أستعمل نفس الكود القصير لعرض المواضيع الأكثر تعليقا وذلك من خلال وضعه في ودجت “نص”.

عرض المواضيع الأكثر شعبية في ودجت
إذا كنت تريد أن تستعمل نفس الطريقة عليك التأكد من أن قالبك يسمح باستعمال الأكواد القصيرة في ودجات “نص”.

لكن إذا كنت تريد عرض الدالة تحت كل المقالات، أسهل طريقة هي استعمال واحد من الفترات الأكثر استعمالا في ووردبريس وهو the_content وذلك بوضع هذا الكود في ملف functions.php أو إضافتك المخصصة.

function sb_top_commented_after_posts( $content ) {

	$content .= sb_top_commented_posts();

	return $content;
}
add_filter( 'the_content', 'sb_top_commented_after_posts' );

في حالة أردت عرض المقالات اﻷكثر تعليقا في صفحة المقالة فقط يمكنك استعمال الدالة الشرطية is_singuler('post').

في الأخير يجب إضافة تنسيقات بسيطة إلى ملف css حسب ذوقك، سأضع هنا التنسيقات التي أستعملها أنا كمثال:

/*
 المواضيع الأكثر تعليقا
 */
.sb-top-commented-posts ul li {
  border-bottom:1px solid #4C5F70;
  padding-bottom:3px;
}
  .sb-top-commented-posts ul li:after {
  clear:both;
}
.sb-top-commented-posts img {
  padding:3px;
  margin:3px;
  float:right;
}

عرض المقالات الأكثر تعليقا بواسطة إضافة.

إذا كنت لا تحب الأكواد وتريد تجنب ارتكاب الأخطاء، أو أنك من الذين يفضلون الأشياء الجاهزة لربح الوقت، أقترح عليك هاتين الإضافتين:

nrelate Most Popular (هذه الإضافة لم تعد متوفرة في المستودع الرسمي لإضافات ووردبريس) هذه الإضافة تمكنك من عرض المقالات الأكثر شعبية بأربع طرق

  1. عرض المقالات تلقائيا قبل أو بعد المقالات
  2. استعمال الكود القصير[nrelate-popular] في أي مكان تريده
  3. استعمال ودجت لإظهار المقالات في القوائم الجانبية
  4. استعمال الدالة nrelate_popular() في أي مكان من القالب

Popular Widget هذه الإضافة تضيف ودجت يمكن من عرض المقالات الأكثر تعليقا والمقالات الأكثر مشاهدة على اليوتيوب في القوائم الجانبية.

كان هذا كل شيء فيما يخص موضوع اليوم، أتمنا أن يكون قد أعجبك وأن تكون قد استفدت منه كثيرا. إلى اللقاء في الموضوع القادم بإذن الله.

close

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

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

تحت تصنيف:شرحات ووردبريس

Avatar of سعيد البقالي

عن سعيد البقالي

مبرمج مطور قوالب وإضافات ووردبريس بخبرة تفوق 10 سنوات، أكتب تدوينات في موقعي هذا بين الفينة والأخرى حول تطوير الويب ,تحسين الأرشفة وتحيسن أداء المواقع WPO منذ سنة 2012، لدي مساهمات في تطوير نواة ووردبريس والترجمة إلى اللغة العربية. أتمنا أن يروق لك كل ما أقدمه.

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

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

Reader Interactions

أضف رأيك حول الموضوع


المرجو الكتابة باللغة العربية الفصحى لكي يفهم الجميع و شكرا

  1. Avatar of عدنانعدنان قال

    22 نوفمبر، 2014 بتوقيت 7:26 مساءً

    استاذي الفاضل سعيد،
    بماذا تريدنا التعبير عن رائعتك هذه في شرح واضافة خاصية من اجمل الخصائص والتي كم نحتاج اليها.

    فثق مهما استجمعنا من كلمات لن تفيك حقك ولن نستطيع مهما حاولنا التعبير عن مدى اعجابنا بكل ما تقدمه من روائع.

    فباراك الله فيك واحتسب صنيعك هذا في موازين حسناتك، وكتب لك النجاح والتوفيق في كل ما تقوم فيه.

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      27 يناير، 2015 بتوقيت 12:34 صباحًا

      شكرا لك اخي الفاضل عدنان على هذه الكلمات العذبة، التي تجعلني أتشجع اكثر و أدون و أشرح بكل فرح و سعادة، فبفضل أشخاص مثلك هذا الموقع يستمر في العطاء.

      رد
  2. Avatar of غنيم الغنيمغنيم الغنيم قال

    6 أكتوبر، 2015 بتوقيت 12:08 مساءً

    ماشاء الله
    موقع جميل ومعلومات قيمة
    هل تسمح لي بطلب مساعدتك في اضافة كود المواضيع ذات الصله في ملف القالب لدي؟
    حاولت كثيراًفي اضافتة بصورة صحيحة ولكن لم استطع.

    رد
    • Avatar of سعيــــد البقـــــــــــــــاليسعيــــد البقـــــــــــــــالي قال

      8 أكتوبر، 2015 بتوقيت 2:31 مساءً

      السلام عليكم أخي

      الكود يمكنك إضافته في آخر ملف [code lang=”php” inline=true]functions.php[/code] للقالب المفعّل لديك كما هو مذكور في المقالة.

      رد
  3. Avatar of يحيى النعمييحيى النعمي قال

    18 أبريل، 2016 بتوقيت 7:31 مساءً

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

    رد
    • Avatar of سعيــــد البقـــــــــــــــاليسعيــــد البقـــــــــــــــالي قال

      24 أكتوبر، 2016 بتوقيت 4:59 مساءً

      العفو أخي، الشكرا لك على تعليقك المشجع هذا فأنا فعلا في حاجة ﻷمثاله

      تحياتي لك

      رد

أضف رأيك حول الموضوع إلغاء الرد

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

القائمة الجانبية الرئيسية

البحث

  • حسابي على تويتر
  • رابط صفختي على انستغرام
  • رابط قناتي على اليوتوب
  • صفحتي على فايسبوك
  • ربط حسابي على جيت هاب
  • رابط حسابي على تلغرام
  • ربط حسابي على الموقع الرسمي لووردبريس
  • CodePen

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

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

المواضيع الأكثر شعبية

أفضل إضافات ووردبريس المجانية حسب تجربتي الخاصة

دروس ووردبريس من الصفر للمبتدئين بالفيديو

10 من أفضل قوالب ووردبريس المجانية

شرح إضافة Yoast SEO بالفيديو

طريقة إضافة نجوم تقييم المقالات في ووردبريس

نقل ووردبريس من استضافة إلى أخرى وتغيير النطاق

شارة شركة ديجيتال أوشن
فبراير 2023
نثأربخجسد
 12345
6789101112
13141516171819
20212223242526
2728 
« مارس    

جميع الحقوق محفوظة © 2023

  • سياسة الخصوصية
  • شروط الاستخدام