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

بعد ترقب قبل أيام هذه الإضافة بما أنها أصبحت رسمية. كنت سريع في معرفة خروجها ثقيل في إضافة شرح لها لقد سبقتني مدونة الطالب لشرح إضافته ل Blogger وبما أنه ترك الباب مفتوح لشرح أخر وهو إضافته لمدونة ووردبريس أو موقع ويب وهذا أخذه أنا ، كما يعرف الكثير ما هو التغريد (بالإنجليزية توتر twitter) ولاكن الكثير لا يعرف أهمية إعادة نشر التويتر فهي تعبر عن شخصية المغرد لأنه يمكن معرفت ما يحب أحد قرائته عبر التغريدات و منها يقوم بمتابعته أخرون لأخبار جديدة يقوم بنشرها وتغريدات شخصية.

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

إستخدام زر تويتر (نسخة سهلة)

بإضافة سطرين أكواد في موقعك كفيل بإضافة الزر و أخذ عنوان و رابط المكان الموجود فيه ليتم مشاركته
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="http://twitter.com/share">Tweet</a>

مثال

إستخدام زر تويتر (نسخة متقدم)

بالإضافة إلى ما سبق يمكننا تشخيصه على حسب ذوقنا وهذا يجعلنا نغيير مضهره أو محتواه، لحسب تغيير مضهره فهو موجود بثلاث أشكال ويمكن إستعمال css لتغييره على حسب ذوقنا وأما بالنسبة لمحتواه وهو الذي سنحتاجه لأن المدونات في الصفحة الأولى يوجد أكثر من موضوع لذا الأكواد السابقة لانحتاجها. التشخيصات المحتوى الموجودة:

  • count: يحدد تعداد التغريدة وهو ثلاث عمودي و أفقي، دون عداد (horizontal, vertical, none).
  • lang : اللغة المستعملة التي سيضهر بها زر التغريد (en, fr, de, es, ja).
  • url : رابط المراد مشاركتها
  • text : نص يمكن إضهاره في التويتر
  • via : إسم المغرد ليتم إضهاره بأنه كاتب التغريدة
  • related : حساب أخر لمغرد للوصاية له بالتغريدة

الكود مكتمل
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://dev.twitter.com/pages/tweet_button"
data-via="twitterapi"
data-text="Checking out this page about Tweet Buttons"
data-related="anywhere:The Javascript API"
data-count="vertical">Tweet</a>
</div>

لكن هذا ليس هو ما شرحته فوق وهو ما نقوم بنقله من الموقع الرسمي لمذا؟ لأنه لا يلتزم معايير xhtml والأن طريقة أخرى <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> <a href="http://twitter.com/share?count=vertical&via=arlinux">Tweet</a> أفضل بكثير مثال


لكن لدي مدونة وعلي عمل رابط لكل زر هنا الكود
<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)); ?>&amp;via=arlinux&amp;count=horizontal">Tweet</a>

المثال هو ما موجود في أول المدونة
لمزيد من المعلومات مكتبة الزر لتغريد twitter
ولاتنسوا إضافة Arlinux للمتابعة
بالتوفيق

محمد حنين

الإسم الكامل محمد حنين أحد geek من أمد طويل ، مطور ويب، محب للحرية، مستعمل نضام لينوكس، وأخيرا مجرم باللغة العربية للأسف في وقتها. معلومات أكثر عني أو الإتصال بي Mohammed Hanine

You may also like...

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *