
كيفية إضافة مقالات ذات صلة (Related Posts) إلى مدونتك في ووردبريس
تُعد ميزة المقالات ذات الصلة (Related Posts) من أهم الأدوات التي تساعد على زيادة تفاعل القراء وتحسين معدل بقاء الزائر في موقعك. فعندما ينتهي القارئ من قراءة مقالة معينة، يمكن توجيهه تلقائيًا إلى مقالات أخرى تشترك معها في نفس الموضوع أو التصنيف أو الوسوم، ما يرفع من فرص اكتشاف محتوى إضافي على مدونتك. في هذا الدليل، سنتعرف على طريقتين أساسيتين لإضافة مقالات ذات صلة إلى مقالات ووردبريس: استخدام إضافات جاهزة، أو بإضافة أكواد مخصصة يدوية.
الخطوة الأولى: لماذا نحتاج ميزة المقالات ذات الصلة؟
- زيادة التفاعل والمشاهدات: تُشجّع القراء على تصفح مقالات أخرى، فيرفع ذلك معدل الصفحات المشاهدة لكل جلسة.
- تقليل معدل الارتداد (Bounce Rate): حين يجد القارئ محتوى إضافي مفيد، يميل إلى البقاء فترة أطول في موقعك.
- تحسين سيو (SEO): الروابط الداخلية المدروسة تساهم في توجيه عناكب محركات البحث واستكشاف المزيد من المحتوى.
الطريقة الأولى: استخدام الإضافات (Plugins)
هناك العديد من الإضافات المجانية والمدفوعة التي تتيح لك إضافة قسم “مقالات ذات صلة” بسهولة ودون أكواد. ومن أبرزها:
- Yet Another Related Posts Plugin (YARPP)
- Contextual Related Posts
- Jetpack (الميزة المخصصة بالمقالات ذات الصلة)
خطوات التثبيت على سبيل المثال بـ YARPP:
- من لوحة تحكم ووردبريس، اذهب إلى إضافات > أضف جديد.
- اكتب في حقل البحث: YARPP.
- قم بتثبيت وتفعيل الإضافة.
- انتقل إلى إعدادات > YARPP في لوحة التحكم.
- اختر كيف تريد عرض المقالات ذات الصلة (بناءً على التصنيف، الوسوم، أو العناوين).
- عدّل خيارات المظهر مثل عدد المقالات، وشكل الروابط المصغرة، ثم احفظ التغييرات.
ستظهر مقالات ذات صلة تلقائيًا أسفل المقالات بناءً على الإعدادات التي اخترتها.
الطريقة الثانية: إضافة كود مخصص (بدون إضافات)
إذا كنت تفضل الاعتماد على الأكواد يدوياً للحصول على مرونة أكبر أو لتجنب كثرة الإضافات، يمكنك استخدام استعلام WP_Query لجلب المقالات ذات الصلة. فيما يلي مثال على كود بسيط يمكنك إضافته في ملف functions.php بالقالب الفرعي (Child Theme)، أو في المكان المناسب بقالبك:
function mytheme_related_posts_by_category() {
// نجلب التصنيفات المرتبطة بالمقال الحالي
$categories = get_the_category( get_the_ID() );
if ( empty( $categories ) ) {
return; // إذا لم توجد تصنيفات، نخرج
}
// سنستخدم أول تصنيف لربط المقالات
$category_ids = array( $categories[0]->term_id );
// إعدادات الاستعلام لجلب المقالات ذات الصلة
$args = array(
'post_type' => 'post',
'posts_per_page' => 3, // عدد المقالات المراد إظهارها
'post__not_in' => array( get_the_ID() ), // استبعاد المقال الحالي
'category__in' => $category_ids, // فلترة حسب التصنيف
'orderby' => 'date', // الترتيب حسب التاريخ
'order' => 'DESC',
);
// تشغيل الاستعلام
$related_query = new WP_Query( $args );
// إذا وجد مقالات ذات صلة
if ( $related_query->have_posts() ) {
echo '<div class="related-posts">';
echo '<h3>مقالات ذات صلة</h3>';
echo '<ul>';
while ( $related_query->have_posts() ) {
$related_query->the_post();
echo '<li>';
echo '<a href="' . get_the_permalink() . '">' . get_the_title() . '</a>';
echo '</li>';
}
echo '</ul>';
echo '</div>';
}
// إعادة ضبط الاستعلام
wp_reset_postdata();
}
كيفية استدعاء هذه الدالة داخل المقال: افتح ملف single.php أو الملف المخصص لعرض المقالات المنفردة في القالب، وابحث عن مكان مناسب أسفل المقال، ثم أضف السطر التالي:
<?php mytheme_related_posts_by_category(); ?>
بعد حفظ التغييرات، سيظهر قسم “مقالات ذات صلة” بناءً على التصنيف الأول للمقال الحالي.
تنسيقات CSS لمظهر المقالات ذات الصلة
لجعل قسم المقالات ذات الصلة أكثر جاذبية، يمكنك إضافة التنسيقات في ملف style.css للقالب الفرعي أو في قسم CSS إضافي من لوحة التحكم:
.related-posts {
margin: 20px 0;
padding: 15px;
background-color: #f9f9f9;
border-radius: 5px;
}
.related-posts h3 {
margin-bottom: 10px;
color: #333;
}
.related-posts ul {
list-style: disc inside;
margin: 0;
padding: 0;
}
.related-posts li {
margin: 5px 0;
}
.related-posts li a {
text-decoration: none;
color: #0073aa;
}
.related-posts li a:hover {
color: #005177;
}
هذه التنسيقات تجعل القسم يبدو بارزًا ومنسجمًا مع تصميم المدونة، ويمكنك تعديل الألوان والأحجام حسب هوية موقعك.
أفكار إضافية لإظهار مقالات ذات صلة
- الاعتماد على الوسوم (Tags): بدلاً من التصنيفات، يمكنك استخدام حقول tag__in في الاستعلام لربط المقالات بالوسوم المشابهة.
- إظهار صورة مصغرة: إذا أردت شكلاً بصريًا جذابًا، يمكنك إضافة الدالة
the_post_thumbnail()
لعرض الصورة البارزة لكل مقالة. - منع التكرار: إذا أردت استبعاد المقالات السابقة التي ظهرت بالفعل، يمكنك تقليل posts_per_page أو تعديل الاستعلام بذِكر المقالات المعروضة.
لماذا تحتاج إلى موقع احترافي مع إتقان؟
إضافة المقالات ذات الصلة ليست سوى جزء واحد من بناء تجربة مستخدم مميزة لموقعك. هناك الكثير من العوامل الأخرى التي قد تحدد نجاح مدونتك، مثل سرعة التحميل، توافق التصميم مع الأجهزة الذكية، والاستراتيجية التسويقية للمحتوى. إن فريق إتقان متخصص في تقديم حلول تطوير المواقع باللغة العربية وفق أحدث التقنيات، مع ضمان معايير عالية للجودة والأداء.
باختيارك إتقان، ستحصل على:
- تصميم متقن يعكس هويتك: نولي اهتمامًا خاصًا بالتفاصيل البصرية والوظيفية لضمان موقع جذاب ومريح.
- تحسين تجربة المستخدم: من تقسيم المقالات ذات الصلة إلى بنية موقع واضحة وواجهة سهلة الاستخدام.
- دعم واستشارات طويلة الأمد: لن تقتصر خدماتنا على مرحلة الإنشاء فقط، بل نستمر معك لمساعدتك في تحديث وتحسين موقعك.
تواصل معنا الآن!
هل تريد تحسين مدونتك وزيادة تفاعل القراء عبر إضافة مقالات ذات صلة أو تطوير وظيفي أعمق؟ إتقان هنا لمساعدتك. ابدأ رحلتك الرقمية معنا من خلال الرابط أدناه:
اجعل محتواك أكثر جاذبية واحترافية، وفكّر في الخطوة القادمة نحو مدونة عربية ناجحة!