كيف تعرض المقالات ذات صلة مع الصور البارزة
السلام عليكم ورحمة الله وبركاته
في هذه التدوينة سنتطرق لطريقة عرض المقالات ذات صلة والتي تعتمد اما على التشابه في العنواين او الأوسمة, اي انه كلما كانت هناك مقالات لها نفس بعض الكلمات في العنوان كلما كانت لها صلة وايضا بالنسبة للأوسمة نفس الامر الان ندخل في صلب الموضوع ساقوم بشرح طريقتين الاولى بواسطة الاضافة Yet Another Related Posts الطريقة الثانية بواسطة هاك بسيط
متطلبات عرض الصور البارزة
يجب التاكد من ان القالب الذي تستعمله يدعم الصور البارزة وهناك طريقتين لاستعمالها :
اذن في هذه الحالة سيكون اختلاف في طريقة استعمال الصور البارزة و ايضا في استعمال الاضافة او هاك بالنسبة للمقالات ذات صلة
المقالات ذات صلة بواسطة اضافة
يتم تحميل الاضافة من صفحتها على موقع ووردبريس : Yet Another Related Posts
عندما تنتهي من تركيب الاضافة ستحتاج شكل خاص لعرض المقالات ذات صلة. الاضافة تحتوي على بعض القوالب للمقالات ذات صلة. الشكل الذي يهمنا هو “yarpp-template-thumbnail.php” ستجده داخل مجلد yarpp-templates هذا الاخير موجود داخل مجلد الاضافة على المسار التالي :
/yet-another-related-posts-plugin/yarpp-templates/yarpp-template-thumbnail.php
هذا الملف يدعم ميزة الصور البارزة كا هو موضح في الكود ادناه, قمت بتعديل النصوص الاجنبية الى العربية يمكنك استعمالها عند وضعه في مجل القالب الخاص بك :
في حالة كنت تستعمل “الصورة البارزة بواسطة TimThumb” التي تحدثنا عنها من قبل لا داعي لتغيير شيء الكود يحتوي على دالة تحقق من وجود الدالة التي تعرض الصور بواسطة timthumb كل ما عليك هو تغيير عرض وارتفاع الصورة ليتناسق مع موقعك
بعد الانتهاء من تحضير الملف المسؤول عن شكل المقالات ذات صلة نقوم بالتالي :
- قم بانشاء فارغ في مجلد القالب الذي تستعمله في موقعك باسم “yarpp-template-thumbnail.php”
- قم باضافة كود من الاكواد التي عرضنا فوق الى هذا الملف ثم احفظ التغييرات
- توجه الى اعدادات الاضافة Yet Another Related Posts
- ومن الاعدادات اختر عرض باستخدام قالب مخصص
لاحظ الصورة التالية :
يجب عليك اضافة تنسيق خاص بهذه المقالات لان الاضافة لا تحتوي على هذه التنسيقات نظرا لاختلاف القوالب من ناحية الشكل يمكنك الاعتماد على التنسيق ادناه للبداء في تغير شكلها التنسيق يتم اضافته الى ملف style.css الخاص بقالب موقعك
الى هنا انتهينا من شرح الجزء الخاص باستعمال قالب لاضافة Yet Another Related Posts Plugin
هاك عرض المقالات ذات صلة
بالنسبة لاستعمال الهاك لن يكون مثل الاضافة في مميزاته لانه فقط يعتمد على الاوسمة عكس الاضافة Yet Another Related Posts Plugin بالنسبة للهاك قمت بالتعديل عليه ليعمل مع الطريقتين لعرض الصور بشكل تلقائي
الكود له نفس الطريقة التي استعملتها لقالب الاضافة YARPP يعني نفس الشيء بالنسبة للصور البارزة وهذه النتيجة الاخيرة للهاك
الملف الذي سنشتغل عليه يكون متواجد على المسار التالي :
/wp-content/themes/اسم-قالب/single.php
طريقة عمل الهاك كالتالي :
- قم بتحميل الهاك “custom-related-posts.php” وفك الضغط عن الملف ستجد ملف php باسم custom-related-posts.php
- قم برفع الملف الى مجلد القالب الذي تستعمل
- الان يجب عليك تعديل ملف عرض تدوينة منفردة (Single Post) المتواجد في القالب الذي تستعمل وهو single.php
- ابحث عن دالة عرض محتوى التدوينة the_content بعد ايجادها قم بنسخ الكود اسفلها مباشرة في ملف single.php كما ترى في الكود التالي
لا تنسى ان يكون اسم الهاك كاسم الملف الذي استدعيناه اسفل the_content
الان يجب عليك اضافة تنسيق خاص بهذه المقالات يمكنك الاعتماد على التنسيق ادناه للبداء في تغير شكل المقالات ذات صلة التنسيق يتم اضافته الى ملف style.css الخاص بقالب موقعك
الى هنا نكون قد انتهينا من هذا الجزء المخصص للهاك
المقالات ذات صلة – اضافات مقترحة
توجد بعض الاضافت التي لها نفس دور الاضافة او الهاك الذي تحدثنا عنهم في هذه المقالة وهي :
الى هنا نكون قد وصلنا الى نهاية عرض المقالات ذات صلة مع الصور البارزة هذا كل ما في الامر
اذا كان هناك اي استفسار يرجى وضع تعليق ؟ ولا تنسى الاشتراك في قائمتنا البريدية ولك جزيل الشكر
والسلام عليكم ورحمة الله وبركاته
التعليقات - كيف تعرض المقالات ذات صلة مع الصور البارزة : 16 تعليق