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

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

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

يمكن نسخ ولصق الكود التالب في واحد من الملفات التالية : single.php و loop.php و index.php و page.php و category.php و archive.php بشرط أن يتم وضعه داخل حلقة المحتوى.

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
   <a href="http://twitter.com/share" class="twitter-share-button"
      data-url="<?php the_permalink(); ?>"
      data-via="wpbeginner"
      data-text="<?php the_title(); ?>"
      data-related="syedbalkhi:Founder of WPBeginner"
      data-count="vertical">Tweet</a>

أنظر المثال التلي  :


حاول التغريد باستخدام الزر أعلاه.

لاحظ في الكود أعلاه, أننا نستخدم سمة البيانات(data-attribute) الخاصة بوسم الرابط لإخبار تويتر بما نريده بالضبط.

فيما يلي شرح لما تعنيه كل خاصية:

  • data-url : هذا يجلب ويُفرز  عنوان URL الذي تريد مشاركته (لا تحتاج إلى تغيير هذا).
  • data-via : هذا يخبر تويتر من هو المُغرد الأصلي يإضافة motaber_com@   (تأكد من تغييره إلى حساب تويتر الخاص بك).
  • data-text : هذا يجلب عنوان مقالك المراد مشاركته على تويتر (لست بحاجة إلى تغيير ذلك).
  • data-related:  هذه الميزة تضيف الحسابات الموصى  بمتابعتها. يُسمح لك بإضافة ما يصل إلى حسابي Twitter توصي بهما المستخدمون لمتابعتها بعد مشاركة محتوى من موقعك على الويب. يمكن أن تتضمن  حسابات أخرى خاصة بك, أو تلك الخاصة بمساهم أو شريك. الحساب الأول هو الحساب الذي تتم مشاركته في خاصية data-via . (تأكد من تغييره إلى أحد حسابات Twitter الأخرى الخاصة بك, أو قم بإزالته). التنسيق الصحيح لإدخال البيانات في هذا المتغير هو twitterusername:اسم المستخدم
  • data-show-count : يُخبر هذه الميزة بنمط الزر الذي تريد إظهاره. لديك ثلاثة خيارات (عمودي (virtical) ، أفقي (horizontal), لا شيء false).
  • data-lang : هذا المتغير يخبر تويتر عن اللغة التي يجب أن تكون بها. القيمة الافتراضية هي ‘en’ للغة الإنجليزية ، ولكن قمنا بتغيرها الى العربية “ar” كما تلاحظ.

نوصي المستخدمين باستخدام سمة البيانات (data-attribute) الخاصة بوسم الرابط لأن ذلك يجعل الشفرة نظيفة وقصيرة.

على الرغم من أن  استخدام سلسة مكونات التعليمة البرمجية تعد طريقة ملائمة لمشاركة صفحتك, إلا أنها يمكن أن تجعل علامة الربط الخاصة بك طويلة جدًا نظر لإرفاق عدة مكونات في الرابط, وأن عنوان URL الطويل يصعب الحفاظ عليه خاصةً عند الحاجة إلى  تشفير المكونات في عنوان URL.

فيما يلي التعليمة البرمجية لأولئك الذين يختارون استخدامها هذه الطريقة:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="http://twitter.com/share?url=<?php echo urlencode(get_permalink($post->ID)); ?>&via=wpbeginner&count=horizontal" class="twitter-share-button">Tweet</a>

إذا كنت تريد فقط إضافة زر التغريد على صفحة ثابتة, فيمكنك استخدام أداة إنشاء زر التغريد الخاص بتويتر.

هناك إضافة جميلة تقوم تدعم زر التغريد الخاص بتويتر وهي : Simple Twitter Connect يمكنك استعمالها ان أحببت ذلك.

هل استطعت إضافة زر تويتر لمشاركة مقالاتك على تويتر ؟