مما لاشك فيه أن الإضافات تعتبر أحد أهم ميزات نظام ووردبريس فهي توسع طريقة عمل نظام ووردبريس وتمكنك من إضافات وظائف لاحصر لها لموقعك ومن بينها الإضافات التي تستخدم لإظهار المقالات ذات الصلة أو المقالات المتشابهة (Related posts) بطريقة احترافية
لكن إذا كنت لا تفضل استخدام الكثير من الإضافات في موقعك وتفضل إضافة ميزة المقالات ذات الصلة بشكل يدوي من خلال كتابة بعض الكود البرمجي فهذه المشاركة ستساعدك في إنجاز ذلك.
حيث سأتطرق في مشاركة اليوم لشرح كيفية إضافة المقالات ذات الصلة بطريقة أنيقة ومرفقة بصورة مصغرة Thumbnails أسفل كل مقال في مدونة موقعك كما هو مبين في الصورة التالية دون أن أستخدم أي إضافات خارجية.
خطوات عرض المقالات ذات الصلة
كي توفر ميزة عرض المقالات ذات الصلة في موقعك عليك أن تحدد أولاً ماكن عرض هذه المقالات كي تعرف أين ستكستب الكود اللاظم لذلك وبما أننا سوف نعرضها في حالتنا هنا ضمن صفحة المقال نفسه فهذا يعني أن المكان المناسب لوضع الكود هو ملف التملبت (single.php) الموجود ضمن مجلد القالب الحالي المفعل في موقعك.
اقرأ المزيد:
تعرف على نماذج الصفحات Page Templates في ووردبريس وطرق تخصيصها
تعرف على البنية الأساسية لقوالب ووردبريس وتسلسلها الهرمي
القالب الحالي المفعل على موقعي هو القالب المجاني Rara Academic وعندما أحرر ملف single.php ألاحظ الكود التالي في نهاية الملف.
سأضيف الكود الخاص بي قبل عرض الشريط الجانبي والفوتر في الموضع المشار له في السهم في الصورة التالية
قم بفتح الملف بأحد محررات الأكواد البرمجية وألصق الكود التالي في الموضع المشار له كي تقوم بجلب كل المقالات التي لها نفس وسوم المقال الحالي
تسجيل الدخول لعرض الكود
اقرأ المزيد: ما هي الوسوم؟ وبماذا تفرق عن التصنيفات؟ وكيف تستفيد منها في موقعك؟
الآن، إذا قمت بتصفح أحد مقالات موقعك، فيجب أن تظهر المقالات المشابهة لهذا المقال في الأسفل بشكل مشابه للشكل التالي:
بالطبع تحتاج هذه المقالات لبعض التنسيق في ملف تنسيقات القالب style.css لتأخذ مظهر أكثر احترافية ومتناسب مع ألوان الموقع.
يمكن إضافة بعض التنسيقات كما يلي:
تسجيل الدخول لعرض الكود
الآن ستظهر المقالات أسفل المقال الحالي بالشكل التالي:
ملاحظة1:
تأكد من أن ملف وظائف القالب الخاص بموقعك functions.php يتضمن ميزة عرض الصور المصغرة Thumbnails من خلال تضمين الكود التالي فيه
تسجيل الدخول لعرض الكود
وعند إضافة صور إلى مقالات مدونتك قم بتعيين صورة مميزة لكل مقال كي يتم عن طريقها إنشاء الصورة المصغرة لهذا المقال.
ختامًا:
أود أن أنوه لأن هذه الطريقة ليست بالطبع الطريقة الوحيدة لعرض المقالات المشابهة للمقال الحالي من خلال الكود البرمجي، فهناك طريق وأساليب عديدة أخرى قد تعتمد على معايير أخرى لتحديد التشابه بين المقالات كأن تعتمد على التصنيفات بدل الوسوم على سبيل المثال وسأشرح عدة طرق أخرى في مشاركات قادمة إن شاء الله.
بالطبع في حال لم ترغب بالتعامل مع الكود البرمجي فأنت حر في اختيار أحد الإضافات الجاهزة التي توفر لك ميزة عرض المقالات ذات الصلة للمدونة الخاصة بك كما أشرت في بداية المقال.
وأيًا كانت الطريقة التي تعتمدها لعرض المقالات المتشابهة وذات الصلة بمقالك الحالي فإنها بالتأكيد تعتبر ميزة مفيدة لإبقاء القراء فترة أطول في مدونتك ومساعدهم في العثور على محتوى جديد للاطلاع عليه لاسيما عندما يزداد حجم المحتوى لديك.