Skip to main content

كيف تعرض المقالات ذات صلة مع الصور البارزة

بواسطة معاذ أشملي- wait... مشاهدة/ 16 تعليق
كيف تعرض المقالات ذات صلة مع الصور البارزة
2017-02-10

السلام عليكم ورحمة الله وبركاته

في هذه التدوينة سنتطرق لطريقة عرض المقالات ذات صلة والتي تعتمد اما على التشابه في العنواين او الأوسمة, اي انه كلما كانت هناك مقالات لها نفس بعض الكلمات في العنوان كلما كانت لها صلة وايضا بالنسبة للأوسمة نفس الامر الان ندخل في صلب الموضوع ساقوم بشرح طريقتين الاولى بواسطة الاضافة Yet Another Related Posts  الطريقة الثانية بواسطة هاك بسيط

متطلبات عرض الصور البارزة

يجب التاكد من ان القالب الذي تستعمله يدعم الصور البارزة وهناك طريقتين لاستعمالها :

  1. استعمال ميزة “الصور البارزة” فى وورد برس 2.9
  2. كيف تعرض الصورة البارزة بواسطة TimThumb

اذن في هذه الحالة سيكون اختلاف في طريقة استعمال الصور البارزة و ايضا في استعمال الاضافة او هاك بالنسبة للمقالات ذات صلة

المقالات ذات صلة بواسطة اضافة

يتم تحميل الاضافة من صفحتها على موقع ووردبريس : Yet Another Related Posts

عندما تنتهي من تركيب الاضافة ستحتاج شكل خاص لعرض المقالات ذات صلة. الاضافة تحتوي على بعض القوالب للمقالات ذات صلة. الشكل الذي يهمنا هو “yarpp-template-thumbnail.php” ستجده داخل مجلد yarpp-templates هذا الاخير موجود داخل مجلد الاضافة على المسار التالي :

/yet-another-related-posts-plugin/yarpp-templates/yarpp-template-thumbnail.php

هذا الملف يدعم ميزة الصور البارزة كا هو موضح في الكود ادناه, قمت بتعديل النصوص الاجنبية الى العربية يمكنك استعمالها عند وضعه في مجل القالب الخاص بك :

في حالة كنت تستعمل “الصورة البارزة بواسطة TimThumb” التي تحدثنا عنها من قبل لا داعي لتغيير شيء الكود يحتوي على دالة تحقق من وجود الدالة التي تعرض الصور بواسطة timthumb كل ما عليك هو تغيير عرض وارتفاع الصورة ليتناسق مع موقعك

بعد الانتهاء من تحضير الملف المسؤول عن شكل المقالات ذات صلة نقوم بالتالي :

  1. قم بانشاء فارغ في مجلد القالب الذي تستعمله في موقعك باسم “yarpp-template-thumbnail.php”
  2. قم باضافة كود من الاكواد التي عرضنا فوق الى هذا الملف ثم احفظ التغييرات
  3. توجه الى اعدادات الاضافة Yet Another Related Posts
  4. ومن الاعدادات اختر عرض باستخدام قالب مخصص

لاحظ الصورة التالية :

اضافة المقالات ذات صلة
اذا لم تظهر لك الاعدادات التالية فانت لم تقوم بنسخ الملف “yarpp-template-thumbnail.php” الى مجلد القالب الذي تستعمل في موقعك

يجب عليك اضافة تنسيق خاص بهذه المقالات لان الاضافة لا تحتوي على هذه التنسيقات نظرا لاختلاف القوالب من ناحية الشكل  يمكنك الاعتماد على التنسيق ادناه للبداء في تغير شكلها التنسيق يتم اضافته الى ملف style.css الخاص بقالب موقعك

الى هنا انتهينا من شرح الجزء الخاص باستعمال قالب لاضافة Yet Another Related Posts Plugin

هاك عرض المقالات ذات صلة

بالنسبة لاستعمال الهاك لن يكون مثل الاضافة في مميزاته لانه فقط يعتمد على الاوسمة عكس الاضافة Yet Another Related Posts Plugin بالنسبة للهاك قمت بالتعديل عليه ليعمل مع الطريقتين لعرض الصور بشكل تلقائي

الكود له نفس الطريقة التي استعملتها لقالب الاضافة YARPP يعني نفس الشيء بالنسبة للصور البارزة وهذه النتيجة الاخيرة للهاك

ملحوظة بسيطة  قمت بتعديل بسيط على الهاك لمن واجهته مشكلة في استعماله وتغير طريقة الادراج لكي يتم استيعاب الطريقة بشكل واضح لمن لا يحسن التعامل مع ووردبريس

الملف الذي سنشتغل عليه يكون متواجد على المسار التالي :

/wp-content/themes/اسم-قالب/single.php

طريقة عمل الهاك كالتالي :

  1. قم بتحميل الهاك “custom-related-posts.php” وفك الضغط عن الملف ستجد ملف php باسم custom-related-posts.php
  2. قم برفع الملف الى مجلد القالب الذي تستعمل
  3. الان يجب عليك تعديل ملف عرض تدوينة منفردة (Single Post) المتواجد في القالب الذي تستعمل وهو single.php
  4. ابحث عن دالة عرض محتوى التدوينة the_content  بعد ايجادها قم بنسخ الكود اسفلها مباشرة في ملف single.php كما ترى في الكود التالي

لا تنسى ان يكون اسم الهاك كاسم الملف الذي استدعيناه اسفل the_content

الان يجب عليك اضافة تنسيق خاص بهذه المقالات يمكنك الاعتماد على التنسيق ادناه للبداء في تغير شكل المقالات ذات صلة التنسيق يتم اضافته الى ملف style.css الخاص بقالب موقعك

الى هنا نكون قد انتهينا من هذا الجزء المخصص للهاك

المقالات ذات صلة – اضافات مقترحة

توجد بعض الاضافت التي لها نفس دور الاضافة او الهاك الذي تحدثنا عنهم في هذه المقالة وهي :

  1. Related Posts Slider
  2. Related Posts Thumbnails
  3. Inline Related Posts
  4. Yuzo Related Posts

الى هنا نكون قد وصلنا الى نهاية عرض المقالات ذات صلة مع الصور البارزة هذا كل ما في الامر

اذا كان هناك اي استفسار يرجى وضع تعليق ؟ ولا تنسى الاشتراك في قائمتنا البريدية ولك جزيل الشكر

والسلام عليكم ورحمة الله وبركاته

كيف تعرض المقالات ذات صلة مع الصور البارزة بواسطة مجلة ووردبريس, يمكنك نقل ومشاركة التدوينة مع ذكر المصدر الأصلي للموضوع ، مع رابطه, التدوينة مرخصة بموجب المشاع الابداعي Creative Commons A-NC-SA 3.0.

التعليقات16 تعليق

المرجوا الانتظار لتحميل التعليقات...
عرض التعليقات
اترك تعليقاً

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


شروط التعليق :

1 - المرجوا الابتعاد عن كتابة تعليقات بنمط (يعطيك العافية)، (روعة)، (ممتاز)، (مشكوووور)، (ابداع).

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