וורדפרס: הוספת כפתור שתף בפייסבוק

רשתות חברתיות ובראשן פייסבוק מובילות את רשת האינטרנט המודרנית בזמן בה גולשים מבלים בהן ובעומק השיחה והשימוש שאנו עושים באתרים אלו. פייסבוק הוא כמובן האתר המוביל בין הרשתות החברתיות ויכול להוביל כמות תנועה לא מבוטלת של גולשים חדשים לאתר שלכם. במדריך זה נלמד איך מוסיפים כפתור "שתף בפייסבוק" לאתר וורדפרס שלכם וגם איך להפוך את הכפתור לקוד מקוצר (shortcode) אותו תוכלו להוסיף בקלות לאתר שלכם.

גרסה פשוטה: קישור שתף בפייסבוק

הדרך הפשוטה ביותר (למרות שאני מתאר לעצמי כי לרובנו זה לא מספיק) היא ליצור קישור בעזרתו נוכל לשתף דף בפייסבוק. בדוגמה זאת אנו עושים שימוש בקישור טקסט סטנדרטי…

  • איפה: איפה שתרצו בתבנית שלכם
  • מה: קישור שישתף את הדף הנוכחי בפייסבוק
	<a title="שתף בפייסבוק" href="http://www.facebook.com/sharer.php?u=?php the_permalink();?&t=?php the_title(); ?" target="blank" rel="nofollow">שתף בפייסבוק</a>
	

גרסה גרפית: כפתור שתף בפייסבוק

אפשרות שנייה לשתף בפייסבוק היא בעזרת כפתור. משתמשים באותו הקוד בדיוק אך מחליפים את הטקסט בתמונה. אם אתם צריכים תמונות אספנו בעבורכם כמה (אייקונים חופשיים לשימוש באדיבות אייקון ארכיב).

אייקונים לכפתור פייסבוק

* גררו את האייקון הרצוי לתיקייה באחסון שלכם

אייקון פייסבוק 01
אייקון פייסבוק 02
אייקון פייסבוק 03
אייקון פייסבוק 04
אייקון פייסבוק 05
אייקון פייסבוק 06
אייקון פייסבוק 07
אייקון פייסבוק 08
אייקון פייסבוק 09
אייקון פייסבוק 10
אייקון פייסבוק 11
אייקון פייסבוק 12
  • איפה: איפה שתרצו בתבנית שלכם
  • מה: כפתור שישתף את הדף הנוכחי שלכם בפייסבוק
	<a href="http://www.facebook.com/sharer.php?u=?php the_permalink();?&t=<?php the_title(); ?>" target="blank" rel="nofollow"><img title="שתף בפייסבוק" alt="שתף בפייסבוק" src="YOUR IMAGE URL" /></a>
	

הגרסה החכמה: כפתור שתף בפייסבוק בצורת קיצור קוד

למי שלא יודע מהו "קיצור קוד" או Shortcode כדאי לקרוא קצת בנושא בדף ShortCode API ובכל מקרה אסביר כי בעזרת קוד קצר תוכלו להשתמש בקיצור קוד (Shortcode) במאמץ מזערי במיוחד ישירות בחלון העריכה כאשר אתם כותבים פוסט חדש או עורכים פוסט ישן.

לדוגמה:

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

[Button_size2 link="http://www.sagive.co.il/company-services/organic-seo/"]קידום אתרים אורגני[/Button_size2]

והתוצאה:

שיתוף בפייסבוק

הקוד תכלס!

כל שעליכם לעשות הוא להטמיע קוד קצר בקובץ function.php ומעת כל פעם שתכניסו את הקיצור "[Sharefacebook]" יופיע הכפתור שיתוף שלכם בפייסבוק. שימו לב שאתם מחליפים את שם התמונה בשם התמונה בה בחרתם שתתפקד ככפתור פייסבוק שלכם.

  • איפה: בקובץ Functions.php שלכם
  • מה: כפתור שישתף את הדף הנוכחי שלכם בפייסבוק בצורת Shortcode
/**********************************************
** FACEBOOK SHARE SHORTCODE
**********************************************/
function sagive_facebookshare() {
return '<a href="http://www.facebook.com/sharer.php?u='. the_permalink() .'&t='. the_title() .'" target="blank" rel="nofollow"><img alt="" src="YOUR IMAGE URL" /></a>';
}
add_shortcode('sharefacebook', 'sagive_facebookshare');

הערה:

  • זכרו להחליף את המילים "YOUR IMAGE URL" במסלול של התמונה שהעליתם

איך משתמשים בזה?

אם הוספתם את הקוד הבא לקובץ Functions.php שלכם, העליתם אותו חזרה לשרת שלכם ולא שכחתם להחליף את המסלול של התמונה בקוד עצמו במסלול תקין כל שאתם צריכים לעשות הוא ליצור פוסט חדש (או לערוך פוסט קיים) ולהוסיף בו את הקיצור [sharefacebook] לשמור את הפוסט ולראות את התוצאה.

מעתה בכל פוסט או עמוד בו תוסיפו קיצור קוד זה יופיע מיד כפתור השיתוף שלכם בפייסבוק! נשארתם עם שאלה? אתם מוזמנים להשאיר אותה כתגובה לפוסט זה.