יצירת כפתור לשיתוף העמוד

תנו לאלמנט שאיתו תרצו לשתף את העמוד את הקלאס share-button
בקישור האלמנט הכניסו #
לאחר מכן הדביקו את הקוד בתבנית הבת או בתוסף ייעודי

PHP
add_action('wp_footer', function() {
?>
<script>
    const shareButton = document.querySelector('.share-button a');
    shareButton.addEventListener('click', event => {
        if (navigator.share) {
            navigator.share({
                title: '<?php echo get_the_title(); ?>',
                url: '<?php echo get_permalink(); ?>'
            }).then(() => {
            })
            .catch(console.error);
        }
    });
	</script>
<?php
});

את קוד ה -Php ניתן להטמיע בקובץ ה – function בתבנית הבת או לחלופין להשתמש בתוסף snippet.

הסתבכתם עם הקוד? צריכים התאמה אישית?
תוכלו להיעזר בנותני השירות המומלצים שיעזרו לכם בעבודה

wpcoder - מתכנת
אתרים
wpcoder – מתכנת
המתכנת הכי טוב

2 תגובות

  1. הקוד עובד מעולה כששמים בקובץ Functions.php, כששמים את הקוד בתוסף ייעודי השורה add_action('wp_footer', function() {
    מופיעה בראש העמוד.

    1. נכון, כי זה לא חלק מהסקריפט,
      אפשר להשתמש רק עם הסקריפט ולשים את הקוד תחת ניהול הקודים של אלמנטור, אמור לעבוד אותו דבר.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

אלמנטור
Php
קרדיט: שמעון סביר
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
אלמנטור
Js
סגירת פופאפ בלחיצה על כפתור
וורדפרס
Css
עיצוב תוסף הנגישות של enable
ווקומרס
Php
הצגת מוצרים במלאי תחילה בארכיון מוצרים
אלמנטור
Css
הפיכת ווידג'ט תיבת אייקון או תיבת תמונה ללחיצים
אלמנטור
Css
תמונת רקע בתוך טקסט באלמנטור
חיפוש חופשי
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
הרשימה מתעדכנת כל הזמן - מומלץ לשמור את הדף במועדפים!
כדי לשמור את האתר לחצו על Ctrl+D במקלדת (במק D+⌘).