الإضافات شروحات

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

Namecheap.com
facebook_comments_2_
كتب بواستطة admin

ADS


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

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

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

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

ADS

facebook_coments

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

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

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

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

facebook_comments3

في الخطوة الاولى نقوم باختيار التطبيق الذي نريد انشاء تعليقات الفيس بوك منه.
الان بعد ان حصلنا علي الاكواد من طرف الفيس بوك نريد وضعها في موقعنا اولا يجب علينا التوجه الى صفحة 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="http://devwordpress.com/" data-width="100%" data-numposts="5"></div>

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

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


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

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

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

ADS


من انا

admin

محمد شاهين خريج من جامعة الازهر في غزة بكالوريوس علوم- حاسوب لدي مهارات عالية خبرة اكثر من 3 سنوات في منصة الوردبريس وعالم الويب .

اترك تعليقا