שיבוץ סרגל קישורים למדיה חברתית

סרגל קישורים, להבדיל מסרגל שיתוף, מוציא את הלקוח מהאתר ע"י קישור חיצוני למדיה החברתית הרלוונטית.
כמו כן, כאשר מדובר ב-Whatsapp, בסרגל השיתוף מתבצע שיתוף של האתר בווצאפ, ובסרגל הקישורים מתבצעת פנייה של הלקוח דרך ווצאפ.

חשוב! יש לוודא שמבינים את הרצון של הלקוח, ואם צריך אז להסביר את ההבדל בין הסרגלים לפני ההתקנה של סרגל נבחר.

יש להתקין את התוסף "Social Media Follow Buttons Bar", עמוד התוסף כאן, ולהפעילו.
יש להיכנס ל-Settings > Social Media Follow Buttons
יש לבחור את המדיה החברתית שיש ללקוח (מומלץ Facebook, Instagram, Whatsapp, Youtube, Email)
יש להזין את הכתובות של המדיה החברתית של הלקוח (עבור ווצאפ יש להשתמש בפורמט: https://wa.me/972506033060, כאשר מסירים את ה-0 הראשון ומוסיפים 972 לתחילת המספר)
יש לבחור את גודל האייקונים (35 נחשב קטן, 50 נחשב גדול, אפשר לשאול את הלקוח להעדפה)
יש לבחור היכן האייקונים יישבו (מומלץ צד שמאל)
יש ללחוץ "Save Changes" לסיום.
חשוב! יש לבצע גיבוי לאתר לפני כל עריכה של קבצי התבנית, כי טעות אחת קטנה יכולה לגרום לאתר לא לעלות.
יש לפתוח "עיצוב" > "ערוך" ושם לבחור ב"ההדר של התבנית (header.php)"
יש לגלול למטה לסביבות שורה 214, ולאתר את השורה האחרונה לפני התוכן:
```
 <?php do_action( 'mfn_hook_content_before' );
```
יש להוסיף את השורה הבאה ממש לפני השורה האחרונה לפני התוכן:
```
 <?php echo do_shortcode("[smbtoolbar]"); ?>
```
יש ללחוץ על "עדכון קובץ" לסיום

יש להוסיף את הקוד CSS הבא לסגנון האייקונים והפיכתם למרחפים:

 ul.sxc-follow-buttons {
 position:fixed;
 top:200px;
 left:0px;
 width:65px;
 z-index:99999;
}
/*קטע הקוד הבא נדרש לעיתים*/
ul.sxc-follow-buttons li:last-child {
 position:relative;
 left:4px;
}

כפתורים רספונסיביים

יש להוסיף את קטע הקוד הבא כדי לוודא שהאייקונים מופיעים בראש העמוד:

@media (max-width: 1000px) { /*-----ai---------Start Mobile-Range-----------*/
#Header div.top_bar_left .logo {
 margin-bottom:90px !important;
}
div ul.sxc-follow-buttons {
 position:absolute;
 direction:ltr;
 width:70% !important;
 top:160px;
 left:15%;
}
 ul.sxc-follow-buttons li:last-child {
 position:relative;
 left:0px;
}
ul.sxc-follow-buttons .sxc-follow-button, ul.sxc-follow-buttons .sxc-follow-button a, ul.sxc-follow-buttons .sxc-follow-button a img {
 width:40px !important;
 height:40px !important;
 }
 ul.sxc-follow-buttons .sxc-follow-button {
 margin:3px !important;
 }
} /*-----ai---------End Mobile-Range-----------*/

אופציונלי: יצירת כפתורים תפורים אישית שאין במאגר – קישור ייחודי ללקוח

כאן נדרש לערוך את הפלאגין עצמו, יש להכין את קובץ התמונה מראש (קובץ PNG) ולהעלות אותו לספריית המדיה.
יש להיכנס ל"תוספים" > "ערוך" ואז לבחור תוסף לעריכה "Social Media Follow Buttons Bar" ויש ללחוץ על "בחירה"
יש להיכנס ל-php ואז לבחור את items.php ושם יש לבחור ספק קיים ולהחליף את הפרטים הרלוונטיים.
כך לדוגמא אם נרצה להחליף את Livestream ב-Zooz360, יש לשנות רק את 2 הפריטים עם האות הגדולה. (הפריט עם האות הקטנה זה שם התמונה)
יש לגשת לתיקיית ה-FTP באתר wp-content > plugins ושם להיכנס ל-"social-media-buttons-toolbar" ושם ל-inc/img/social-media-icons ולעדכן את הקובץ livestream (בדוגמא הזו) בגרפיקה החדשה.