لم يمض وقت طويل على إصدار زر 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');