بسم الله الرحمن الرحيم المبدئ المعين و به نستعين

مدونة عبد الحفيظ في : الثلاثاء 31 أوت/آب/أغسطس 2010 بتوقيت : 13:38:16

السلام عليكم و رحمة الله تعالى و بركاته

اليوم نواصل رحلة الشروحات الخاصة بتطوير المواقع ، حيث نحط الرحال اليوم مع

تطوير رائع و تطبيق جديد ، هذه المرة نواصل مع تطبيقات توييتر الرائعة ، اليوم مع زر Retweet

الشهير ، تابعوا الشرح و بحول الله ستجدون ما يسركم و يساعدكم على تطوير مدوناتكم و مواقعكم .

1 = متطلبات الشرح :

محرر أكواد مثل ” Notepad ++ ” حيث يمكنكم تحميله من موقعه من هنا

ملف ” single.php ” .

2 = الشرح :

I = بسم الله توكلت على الله ، بعد تحميل برنامج “ Notepad++ ” و تنصيبه على الجهاز افتحوا

ملف ” single.php ” باستخدام برنامج “ Notepad++ ” طبعا !

II  = أنواع الكود و شكل الزر : بحيث هناك اكثر من كود و اكثر من شكل للزر مثلا هذا الشكل

و الكود الخاص به هو

<script type=”text/javascript”>
tweetmeme_source = ‘your twitter account name’;
tweetmeme_service = ‘bit.ly’;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

و أيضا هذا الزر

و الكود الخاص به هو

<script type=”text/javascript”>
tweetmeme_style = ‘compact’;
tweetmeme_source = ‘your twitter account name’;
tweetmeme_service = ‘bit.ly’;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

ملاحظة :

*يجب استبدال جملة ” your twitter account name ” الى اسم حسابكم في توييتر من الكودين السابقان

*الكودان السابقان يعملان على روابط bit.ly ان اردتم استعمال روابطم الخاصة احذفوا هذا المقطع

من الكودين السابقين

tweetmeme_service = ‘bit.ly’;

III = الآن يجب أن نعرف أين نريد أن يظهر الزر ، هل قبل المحتوى ، ام بعده ؟ هل قبل التعليقات ، ام

قبل الوسوم ؟؟ على كل سنجربها كلها .

IV = مكان الزر :

* لوضع الزر قبل المحتوى اي قبل المواضيع ، افتحوا ملف ” single.php ” و ابحثوا عن

<?php the_content; ?>

و ضعوا احد الكودين السابقين فوقه تماما

* لوضع الزر بعد المحتوى اي بعد المواضيع افتحوا ملف ” single.php “و ابحثوا عن

<?php the_content; ?>

و ضعوا احد الكودين السابقين تحته تماما

* لوضع الكود قبل التعليقات افتحوا ملف ” single.php “  و ابحثوا عن

<div id=”comments”>
<?php comments_template(); ?>
</div>

و ضعوا احد الكودين السابقين قبله تماما

* لوضع الكود قبل الوسوم افتحوا ملف ” single.php ” و ابحثوا عن

<?php
if ( function_exists(‘the_tags’) ):
if (get_the_tags()): ?>
<p><b>
<strong>الوسوم :</strong><br />
<?php echo the_tags(”, ‘, ‘, ”);?>
</b>
</p>
<?php
endif;
endif; ?>

و ضعوا احد الكودين السابقين قبله تماما

3 = النتيجة :

بعد وضع الكود بشكل سليم سيظهر امامكم زر أعجبني كما في الصور التالية

و ظهور علامة الإستفهام سببها ان المدونة على سيرفر محلي + عدم النقر على الزر

ملاحظات :

1 = للمبتدئيين يمكنم تفادي التعديل اليدوي و تحميل هذه الإظافة من موقع الوورد بريس الرسمي

و رفعها و تفعيلها و ضبط إعداداتها و هي تتكفل بالباقي ، لكن لا انصح بها بتاتا .

2 = لكل من لا يحسن عملية التعديل اليدوي يمكنني عمل كل ما سبق فقط راسلوني من هنا و ارفقوا

ملف ” single.php “  و الباقي أنا اتكفل به .

3 = لعشاق الأكواد يمكنهم الدخول الى هذه الصفحة و اختيار الأكواد التي تساعدهم و تعجبهم

3 = الشرح القادم سيكون حول “ إظافة صندوق الزقزقة الخاص بتوييتر ” .

ارجوا أن يكون الشرح وافيا و كافيا و ان يكون قد نال رضاكم .

الى شرح آخر بحول الله ، استودعكم الله الذي لا تضيع ودائعه

تحيات أخوكم في الله

عبد الحفيظ