كيفية دمج الفيسبوك فتح الرسم البياني مع وورد

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

في منشور اليوم ، سننظر كيفية دمج Facebook Open Graph مع WordPress مستضافة ذاتيًا في دليل مفصل خطوة بخطوة. سيتطلب الأمر تعديل سمات WordPress الحالية وإنشاء تطبيق Facebook (إذا لم يكن لديك واحد).

جاهز؟ دعونا إطلاق النار على المتصفح ومحرر الرمز المفضل لديك. دليل كامل بعد القفز.

الخطوة 1. إنشاء تطبيق facebook

سنحتاج إلى رقم الاستمارة ولتحقيق ذلك ، ستحتاج إلى إنشاء تطبيق Facebook. إذا كان لديك بالفعل واحدة ، انتقل إلى الخطوة 2.

إنشاء تطبيق سهل ، إليك ما تفعله:

1. تسجيل الدخول إلى Facebook ، انتقل إلى صفحة المطور.
2. انقر "قم بإعداد تطبيق جديد"زر في الزاوية اليمنى العليا.
3. اعطني اسم إلى تطبيقك الجديد, يوافق على لشروط الفيسبوك ، ضرب إنشاء التطبيق.
4. اذهب إلى موقع الكتروني علامة التبويب ، ملء URL الموقع و مجال الموقع.
5. نلاحظ قيمة رقم الاستمارة في مكان ما وضرب "حفظ التغييرات"زر.

هذا كل شئ! يمكنك دائمًا العودة لاحقًا لملء بقية المعلومات.

الخطوة 2. استبدال بطاقة

فتح ملف رأس الموضوع الخاص بك (header.php على) في محرر المفضلة لديك. احتفظ دائمًا بنسخة احتياطية في حالة حدوث أي خطأ.

ابحث عن سطر التعليمات البرمجية التالي ، أو السطر الذي يبدأ بـ >

استبدلها بـ:

حافظ على header.php مفتوحًا ، سنحتاجه للخطوة الثالثة.

الخطوة 3. أدخل OG علامات

الصق الكود التالي مباشرة بعد العلامة ، أو قبل بطاقة.

       "/>          

فيما يلي بعض القيم التي ستحتاج إلى تغييرها:

• السطر 3: استبدال your_fb_app_id مع ال رقم الاستمارة من الخطوة 1.
• السطر 4: يمكنك الحصول عليها your_fb_admin_id تحت صفحة رؤى Facebook الخاصة بك ، (مزيد من المعلومات). اضغط على "البصيرة لموقع الويب الخاص بك"الزر الأخضر ، والاستيلاء على سلسلة كاملة من التعليمات البرمجية واستبدال السطر 4.
• السطر 12: يحدد هذا الخط الصورة التي تمثل مشاركتك. إذا كان المظهر الخاص بك يدعم WordPress Post Thumbnails ، فيجب أن يعمل بشكل جيد. ولكن إذا لم يحدث ذلك ، فسوف تفشل برشاقة بدون صورة. تحقق من الخطوة 3a للحصول على حل بديل.
• السطر 19: استبدال LOGO.JPG مع رابط إلى شعار بلوق الخاص بك. سيتم عرضه عند مشاركة صفحة غير منشورة على مدونتك على Facebook.

الخطوة 3 أ - عندما "wp_get_attachment_thumb_url" فشل

متى wp_get_attachment_thumb_url () أخفق العمل ، من المحتمل أن تنتقل إلى سمة محتوى بدون قيمة ، مثل ما هو موضح أدناه:

سيكون الحل البسيط هو استبدال السطر 12 بالكود التالي:

بعد ذلك ، افتح functions.php وأدخل الكود التالي:

function catch_that_image () global $ post، $ posts؛ $ first_img = "؛ ob_start () ؛ ob_end_clean () ؛ إخراج $ = preg_match_all ('// i '، $ post-> post_content، $ match)؛ $ first_img = $ مطابقات [1] [0] ؛ if (فارغة ($ first_img)) // يحدد صورة افتراضية $ first_img = "/images/default.jpg"؛  إرجاع $ first_img؛ 

يحاول رمز الاستبدال استخدام استدعاء دالة catch_that_image () لانتزاع وإخراج عنوان URL الخاص بالصورة الأولى التي نواجهها. استبدل السطر 10 بعنوان URL بالصورة الافتراضية إذا فشلت الوظيفة في العثور على صورتها الأولى.

الخطوة 4. أدخل Facebook Javascript SDK

تمنحك Javascript التالية إمكانية الوصول إلى جميع ميزات واجهة برمجة تطبيقات Graph و Dialogs. كما يسمح لك بدمج الإضافات الاجتماعية على Facebook مثل زر أعجبني ، Facepile ، توصيات ، وما إلى ذلك بسهولة.

ضعه في header.php على, مباشرة بعد

يحل محل your_fb_app_id في السطر 4 مع رقم الاستمارة من الخطوة 1 في وقت سابق.

الخطوة 5. دعونا اختباره!

لقد انتهينا من دمج Facebook Open Graph في مدونة WordPress. دعنا نعطيه اختبارين للتأكد من أننا قمنا بالأشياء بشكل صحيح.

اختبار رقم 1 - عرض شفرة المصدر

ألقِ نظرة على أكواد مصدر أحد نشرات المدونة ، يجب أن يكون لديك شيء مثل هذا:

تحقق من الخصائص وقيمها ، تأكد من صحتها.

اختبار رقم 2 - تثبيت مربع أعجبني

إذا لم تقم بتثبيت زر أعجبني على Facebook ، فقد حان الوقت للحصول على واحدة. ضع الكود التالي في أي مكان (يفضل أن يكون قبل المحتوى أو بعد المحتوى) في الداخل single.php:

بعد ذلك ، احصل على صديق ل مثل ذلك. يجب أن ترى شيئًا مشابهًا يظهر في ملفه الشخصي على Facebook:

اضافية: وورد البرنامج المساعد

إذا فشلت بطريقة ما في تثبيت الرموز أو كنت بحاجة إلى القيام بذلك بسرعة وسهولة - فهناك مكون إضافي لبرنامج WordPress.

Facebook Open Graph Meta in WordPress هو البرنامج المساعد WordPress الذي يضيف بيانات التعريف الخاصة بـ Facebook لتجنب أي مشكلة في الصورة المصغرة أو مشكلة في العنوان أو مشكلة في الوصف الخاطئ.