كيفية إضافة زر مشاركة Skype في WordPress

أول شيء عليك القيام به هو تثبيت البرنامج المساعد لمشاركة Skype وتنشيطه

عند التنشيط ، انتقل إلى الإعدادات » صفحة زر مشاركة Skype لتكوين المكون الإضافي.

الخيار الأول هو تمكين زر المشاركة. يجب تحديد هذا المربع لتمكين زر مشاركة Skype على موقع WordPress الخاص بك.

بعد ذلك ، تحتاج إلى اختيار حجم الزر. الأحجام المتوفرة للزر هي مشاركة كبيرة ، ومشاركة صغيرة ، ورمز دائرة ، ورمز مربع.

أخيرًا ، تحتاج إلى اختيار موقع الزر. يمكنك إما اختيار إظهاره أعلى المقالة أو أسفل المقالة أو كليهما.

يمكن لمشاركة Skype اكتشاف لغة موقع WordPress الخاص بك تلقائيًا. ولكن إذا لم يحدث ذلك ، فيمكنك تحديد اللغة يدويًا.

لا تنس النقر على زر حفظ التغييرات لتخزين إعداداتك.

هذا كل شيء ، يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدة زر Skype Share أثناء العمل.

قم يدويًا بإضافة Skype Share في قالب WordPress

إذا كنت تريد إضافة هذا يدويًا في ملفات السمات الخاصة بك ، فيمكنك اتباع التعليمات البرمجية اليدوية أدناه.

قم أولاً بإضافة البرنامج النصي التالي في قسم رأس الملف الخاص بك. يمكنك القيام بذلك إما عن طريق تحرير ملف header.php الخاص بك مباشرةً أو القيام بذلك بالطريقة الصحيحة لإضافة البرامج النصية باستخدام البرامج النصية Enqueue.

<script>
// Place this code in the head section of your HTML file 
(function(r, d, s) {
    r.loadSkypeWebSdkAsync = r.loadSkypeWebSdkAsync || function(p) {
        var js, sjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(p.id)) { return; }
        js = d.createElement(s);
        js.id = p.id;
        js.src = p.scriptToLoad;
        js.onload = p.callback
        sjs.parentNode.insertBefore(js, sjs);
    };
    var p = {
        scriptToLoad: 'https://swx.cdn.skype.com/shared/v/latest/skypewebsdk.js',
        id: 'skype_web_sdk'
    };
    r.loadSkypeWebSdkAsync(p);
})(window, document, 'script');
</script>

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

1	`<div` `class='skype-share'` `data-href='<?php the_permalink(); ?>'` `data-lang='en-US'` `data-text='<?php the_title(); ?>'` `data-style='large'` `></div>`