كيفية إضافة زر Google +1 إلى WordPress

كيفية إضافة زر Google +1 إلى WordPress

لم يمض وقت طويل على إصدار زر Google +1 الجديد ويبدو أن الجميع قد أضافه بالفعل إلى موقعه على الويب أو مدونة WordPress. في الواقع ، لقد أضفت الزر بمجرد أن أصبح متاحًا لـ WPExplorer.com لاختباره. بعد إضافته إلى موقعي ، اعتقدت أنني سأوضح لك كيفية إنشاء وظيفة قصيرة ستضيف الزر تلقائيًا إلى جميع مشاركاتك. قد ترغب في إظهار الأزرار الاجتماعية الأخرى لفترة طويلة باستخدام زر الإضافة 1 ، إذا كان الأمر كذلك ، فيمكنك القيام بذلك بسهولة عن طريق إضافتها داخل نفس الوظيفة.

أضف زر Google +1 إلى WordPress

فيما يلي 3 خطوات سهلة توضح لك كيفية إنشاء وظيفة زر Google Plus One في المظهر الخاص بك بحيث يضيف الزر تلقائيًا إلى جميع مشاركاتك.

الخطوة 1: قم بتضمين ملف javascript

يتطلب زر Google Plus 1 أن تتصل بواجهة برمجة تطبيقات Google +1 في قسم HEAD. للقيام بذلك ، قم ببساطة بلصق الكود التالي في ملف function.php الخاص بك:

وظيفة google_plus_one_script () {؟>
<script type = "text / javascript" src = "http://apis.google.com/js/plusone.js"> </script>
<؟ php}
add_action ('wp_head'، 'google_plus_one_script') ؛

الخطوة 2: أضف وظيفة للزر الخاص بك

بعد ذلك ، سترغب في إنشاء الوظيفة التي تضيف الزر الفعلي إلى مشاركاتك. سيتم تشغيل هذه الوظيفة فقط على مشاركاتك الفردية وستضيف الزر مباشرة قبل الحلقة الرئيسية:

الوظيفة google_plus_one_button () {
if (is_single ()) {؟>
<div id = ”plus-one-button”> <g: plusone size = ”medium”> </ g: plusone> </div>
<؟ php}
}
add_action (‘loop_start’، ‘google_plus_one_button’) ؛

الخطوة 3: اربط وظيفتك بأعلى أو أسفل حلقة النشر

كود Google +1 WordPress Function

فيما يلي الشكل الذي يجب أن يبدو عليه الكود الكامل الذي ستدرجه في ملف function.php أو ملف custom_functions.php إذا كنت تستخدم سمة فرعية مثل Thesis .

// add google +1 script to WordPress HEAD
function google_plus_one_script() { ?>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<?php }
add_action('wp_head', 'google_plus_one_script');

// add button function
function google_plus_one_button() {
 if (is_single()) { ?>
 <div id="plus-one-button"><g:plusone size="medium"></g:plusone></div>
 <?php }
 }

// attach function to hook
add_action('loop_start', 'google_plus_one_button');

اترك تعليقاً

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