7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Code
  2. Creative Coding

مشاركة المواضيع على الفيسبوك مرفقة بصورة ووصف

Scroll to top
Read Time: 3 mins

Arabic (العربية/عربي) translation by Ali Atwa (you can also view the original English article)

في هذا البرنامج سوف ننشئ اضافة لتعيين صورة ووصف لكل موضوع لكي يظهر عند مشاركته على الفيسبوك. للقيام بذلك، سوف نستخدم برمجيتان جاهزتان بالورد بريس وهما Featured Image لمعاينة الصورة و "Post Excerpt" للوصف.


الخطوة 1 إنشاء الاضافة

قم بإنشاء ملف جديد باسم facebook-share-and-preview.php. افتح محرر النصوص المفضل لديك وقم بلصق الكود الاتي:

احفظ الملف في مجلد /wp-content/plugins/ وقم بتنشيطه من صفحة إدارة الإضافات.


الخطوة الثانية تفعيل Featured Images

من الإصدار 2.9 والورد بريس يسمح لك بتعيين صورة مميزة لكل موضوع، ولكن يجب أن يدعم الثيم هذه الوظيفة.. لذا، افتح صفحة "Add New Post" وتحقق ما إذا كان يتوفر صندوق "Featured Image":

إذا لم تشاهد صندوق "الصورة المميزة"، أضف السطر التالي لـ facebook-share-and-preview.php:

نحن سنعيين مقاس الصورة المخصصة. وفقا لمعايير الفيس بوك:

مقاس الصورة المصغرة يجب أن يكون على الأقل 50 بكسل للعرض والطول، ولا يمكن أن يتجاوز 130 × 110 بكسل.

صورة بمقاس 90 × 90 بكسل ستؤدي الغرض.

الآن الووردبريس ستقوم تلقائياً بإنشاء صورة مصغرة لكل موضوع لمشاركتها على الفيسبوك.


الخطوة 3 الحصول على الصورة المميزة والوصف

سنحتاج لبرمجيتان للحصول على الصورة المميزة والوصف:


الخطوة 4 إضافة Metatags الفيسبوك لصفحة الموضوع الواحد

والآن سنكتب وظيفة للحصول على الصورة المصغرة ووالوصف ثم سنقوم باضافتهم لوسم <head> لصفحة الموضوع الواحد.

إذا لم يتم تعيين الصورة المميزة والوصف، لن يتم عرض العلامات (tags).

لكتابة الميتاتاج في وسم <head> لمدونتنا، سنستخدم وظيفة wp_head

استكشاف اخطاءالقالب وإصلاحها

تأكد من أنه يوجد في ملف header.php:

وسم </head> إذا لم يوجد قم بإضافته.


الخطوة 4 اضافة رابط المشاركة لصفحة الموضوع

في مجلد الثيم، افتح ملف content-single.php و قم بإضافة هذا حيثما تريد أن يظهر الرابط:

على سبيل المثال، إذا كنت ترغب في إضافة رابط بعد محتوى الموضوع:

قالب استكشاف الأخطاء وإصلاحها

في هذا الدرس التعليمي نحن نستخدم القالب الافتراضي : "Twenty Eleven". حيث ان هيكل كل ثيم يختلف من واحد لآخر، لذلك عليك معرفة من هو الملف المسئول عن عرض الموضوع الواحد في ملفات الثيم.

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


النتيجة النهائية

الان يمكنك يمكنك كتابة موضوع مع اضافة صورة ووصف

هذا هو رابط الموضوع المنشور على الفيس بوك:

و بمجرد النقر فوق مشاركة الرابط على الفيس بوك، سيكون هذا هو اطار معاينة الفيس بوك:

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.