كيفية عرض المقالات المنشورة خلال الأربع و العشرين ساعة الماضية على ووردبريس

تدوينة اليوم هي حول سؤال وصلني العديد من مرات، و هو كيفية عرض المقالات المنشورة في آخر 24 ساعة، قد تبدو المسألة معقدة على البعض لكنها ليست كذلك بتاتا … لكي نصل إلى النتيجة المرغوبة ما علينا سوى عمل استعلام مخصص عبر WP_Query و نمرر له معاملات (Arguments) خاصة.

كود اﻹستعلام كاملا يمكن أن يكون كالتالي:

$args = array(
'post_type'  		=> 'post',
'posts_per_page'	=> '10',
'ignore_sticky_posts' => 1,
'date_query' 		=> array(
    array(
        'after' => '24 hours ago'
        )
    )
);
$the_posts = new WP_Query( $args );

في هذه المثال قمنا بتحديد القيم التالية:

• post_type أعطيناه القيمة post لجلب نوع المقالات اﻹفتراضي
• posts_per_page لتحديد عدد المقالات المعروضة
• ignore_sticky_posts لتجاهل المقالات المثبتة
• date_query أهم برامتر في هذه الحالة و هو عبارة عن استعلام مخصص خاص بالتعامل مع التاريخ يمكنك التعرف عليه أكثر من هنا

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

الطريقة التي سأتبعها هنا هي إنشاء كود قصير لكي نتمكن من وضعه في أي مكان نريد أن نعرض فيه مقالات آخر الـ 24 ساعة.

/**
 * Add Shortcode.
 *
 * @param  array $atts
 */
function last_24_hors_shortcode( $atts ) {

	// Attributes.
	$atts = shortcode_atts(
		array(
			'post_type'      => 'post',
			'posts_per_page' => '10',
		),
		$atts
	);

	// WP_Query arguments.
	$args = array(
		'post_type'           => $atts['post_type'],
		'posts_per_page'      => $atts['posts_per_page'],
		'ignore_sticky_posts' => 1,
		'date_query'          => array(
			array(
				'after' => '24 hours ago',
			),
		),
	);

	// The Query.
	$query = new WP_Query( $args );
		ob_start();
	// The Loop.
	if ( $query->have_posts() ) {
		while ( $query->have_posts() ) {
			$query->the_post();

			the_title( '<time class="last-24-hots-time datetime="' . get_the_time( 'G:i' ) . '"></time><h3 class="last-24-hots-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' );
		}
	} else {
		echo '<p>';
		esc_html_e( 'لم يتم نشر أي مقالة خلال الأربعة العشرين ساعة الماضية' );
		echo '</p>';
	}
		$output = ob_get_clean();
		return $output;
	// Restore original Post Data.
	wp_reset_postdata();

}
add_shortcode( 'last_24_hors', 'last_24_hors_shortcode' );

إذا كانت لديك سوى القليل من الدراية بـ Codex WordPress فأكيد أنك فهمت الكود بسهولة جدا و يمكنك تطويره و جعله يعرض المقالات حسب أي تاريخ أو وقت تريد، إذا كان حالك عكس ذلك أنصحك بزيارة الروابط التالية:

• The Loop
• WP Query
• Shortcode API

اﻵن، يمكنك عرض المواضيع المنشورة في آخر 24 ساعة في أي مكان تريده بإستخدام الكود القصير [last_24_hors]، إفتراضيا قمنا بجعله يعرض عشر مقالات من نوع المقالات اﻹفراضي للووردبريس (post)، لكن يمكنك التحكم في ذلك عن طريق الخاصيتن post_type و posts_per_page على سبيل المثال يمكنك عرض 5 من آخر المواضيع المنشورة في نوع المقالات المخصص news بوضع الخصائص التالية:

[last_24_hors post_type="news" posts_per_page"5" ]

إذا كان غرضك هو عرض المقالات المنشورة في آخر 24 ساعة على العمود الجانبي، تأكد من أن وودبريس الخاص بك يدعم إستعمال الأكواد القصيرة في ودجت “نص”.

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

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

دمتم في رعاية الرحمان.