fbpx

הירשמו לקבלת עדכונים

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

500x500 Birthday 2022 Croco (1)

40% הנחה לכל חבילות קרוקובלוק

קופון הנחה: crocoturns4
סיום המבצע: 29/5/22

Cart Count

שורטקוד – הצגת כמות מוצרים בסל

קוד PHP המאפשר להציג איפה שתרצו את מספר הפריטים שיש כרגע בסל הקניות. יש להעתיק את הקוד לקובץ ה- functions.php שבתבנית הבת שלכם, על מנת

Text Scroll

CSS – תיבת טקסט עם גלילה

קוד CSS המאפשר להכניס טקסט ארוך לתוך איזור סרגל גלילה, ניתן לשחק עם הצבעים, עובי סרגל הגלילה, הוספת צל, גובה האיזור וכו’ דוגמה: לורם איפסום

Web Share API פונקציונליות שיתוף במובייל

Web Share API פונקציונליות שיתוף במובייל
שיתוף ב facebook
שיתוף ב twitter
שיתוף ב linkedin
שיתוף ב whatsapp
שיתוף ב email

ממשק ה- API של ה- Web Share נכנס מתחת לרדאר מאז הוצג לראשונה בגרסת Chrome 61 לאנדרואיד. במהותו, הוא מספק דרך להפעיל את דיאלוג השיתוף המקורי של מכשיר הסמארטפון (או בשולחן עבודה, אם אתם משתמשים בספארי) בעת שיתוף תוכן – לדוגמה קישור או איש קשר – ישירות מאתר האינטרנט או האפליקציה.

למרות שמכשירי הסמארטפון מאפשרים לבצע את השיתוף דרך סרגל הכלים של הדפדפן, המשתמש צריך לאתר את האפשרות בתפריט הדפדפן, וגם אז אין כל כך שליטה על מה שמשותף.

Web Share API מאפשר למפתחים להוסיף פונקציונליות שיתוף באפליקציות או באתרים על ידי ניצול יכולות השיתוף המובנות במכשיר המשתמש.

הקוד הבא יאפשר לכם ליצור כפתור באתר שלכם שבלחיצה עליו יפתח הדיאלוג המובנה של המכשיר.

הוראות:

  1. תנו את הקלאס – share-button. לאלמנט שתרצו 
  2. תנו לאלמנט קישור עם הערך #
  3. על מנת שתוכלו להדביק את הקוד הבא לקובץ ה-functions.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
});
				
			
מעצבת UI/UX ובעלת סטודיו למיתוג ובניית אתרים עם ניסיון של מעל 10 שנים בתחום. יועצת עסקית בתחום חוויית המשתמש ומיתוג עסקי ומנחה קורסים וסדנאות בוורדפרס, מומחית בפיתוח אתרים דינאמיים ומורכבים וחנויות וירטואליות ממירות.

מדריכים באותו נושא:

בואו נדבר על זה

5 1 דרג
דירוג המאמר
הירשם
עדכן אותי על
guest
0 תגובות
תגובות בגוף המאמר
צפה בכל התגובות
0
נשמח לשמוע מה אתה חושב, הגב כאן...x
()
x
דילוג לתוכן