اضافة تعليقات الفيس بوك الى مدونة الوردبريس

كما نعلم بوجود نظام للتعليقات خاص بوردبريس لكن كثيرا ما نحتاج الى “اضافة تعليقات الفيس بوك” الى موقعنا حتى نعمل على تقوية الموقع من ناحية السيو نظرا لاهمية social single في عالم السيو , سوف نقوم بهذا الشرح البسيط بشرح الية اضافة تعليقات الفيس بوك الى موقعنا دون الحاجة لاستعمال اضافات خارجية .

كيفية اضافة تعليقات الفيس بوك أسفل التدوينات

قد يبدو الامر صعبا للمبتدئين ولكنه سهلا ونستطيع فعل ذلك بخطوتين فقط اولا نقوم بالتوجه الى Developer Facebook

تظهر لنا كما بالصورة التالية :

هنا نستطيع من خلال هذه النافذة تحديد العرض الذي نريد ان تظهر به تعليقات الفيس بوك على سبيل المثال نحن نريد ان يأخذ العرض الكامل للصفحة ويكون متجاوب مع الشاشات بنفس الوقت لذا نضع width   كامل 100% .
وفي حقل Number of posts  نضع عدد التعليقا التي نريد ان تظهر اسفل المقال على سبيل المثال نريد ان تظهر 5 تعليقات فقط .
وفي حقل url to comment on نضع رابط الموقع الخاص بنا والذي نريد “اضافة تعليقات الفيس بوك” له .

على سبيل المثال نريد ان نضع التعليقات لموقنا مطوري الوردبريس  نضع الرابط بالحقل المخصص له .

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

الان كل ما هو علينا فعله هو الضغط على Get code  .

في الخطوة الاولى نقوم باختيار التطبيق الذي نريد انشاء تعليقات الفيس بوك منه.
الان بعد ان حصلنا علي الاكواد من طرف الفيس بوك نريد وضعها في موقعنا اولا يجب علينا التوجه الى صفحة header.php
وبعد فتح تاج  body  نقوم  بوضع هذا الكود اسفله

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=637813253038647";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

الان نريد وضع الكود الخاص “اضافة تعليقات الفيس بوك” اسفل المقالة او الصفحة على سبيل المثال نريد وضع التعليقات اسفل المقالات

نذهب الى صفحة single.php ونقوم بوضع هذا الكود في داخلها

<div class="fb-comments" data-href="https://devwordpress.com/" data-width="100%" data-numposts="5"></div>

هكذا تظهر التعليقات الخاصة بموقعنا ولكن نحن نريد ان نظهر التعليقات الخاصة بكل صفحة علينا باستخدام دالة the_permalink() الخاصة بالوردبريس

ليصبح شكل الرابط الخاص بنا هكذا

<div class="fb-comments" data-href="https://devwordpress.com/<?php the_permalink(); ?>" data-width="100%" data-numposts="5"></div>

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

هكذا قد نكون قمنا ب “اضافة تعليقات الفيس بوك” الى موقعنا دون استعمال اضافات . ويمكنك قرأة كيفية وضع كود الاعلان في داخل محتوى التدوينة