כיצד לשלב פייסבוק גרף פתוח עם וורדפרס

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

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

מוכן? נפעיל את הדפדפן ואת עורך הקוד המועדף עליך. מדריך מלא לאחר קפיצה.

שלב 1. יצירת פייסבוק App

נצטרך מזהה יישום וכדי לקבל את זה, יהיה עליך ליצור אפליקציית Facebook. אם כבר יש לך אחד, עבור לשלב 2.

יצירת יישום קלה, הנה מה שאתה עושה:

1. התחבר ל- Facebook, עבור אל דף המפתח.
2. לחץ על "הגדר יישום חדש"כפתור בפינה הימנית העליונה.
3. תן שם אל האפליקציה החדשה שלך, מסכים כדי פייסבוק תנאי, להכות צור אפליקציה.
4. לך ל אתר אינטרנט לשונית, למלא כתובת אתר של אתר ו תחום האתר.
5. רשום את הערך של מזהה יישום איפשהו והיכה את "שמור שינויים".

זה הכל! אתה תמיד יכול לחזור מאוחר יותר כדי למלא את שאר המידע.

שלב 2. החלף תג

פתח את קובץ הכותרת של ערכת הנושא (header.php) בעורך האהוב עליך. תמיד לשמור עותק גיבוי רק למקרה שמשהו משתבש.

חפש את השורה הבאה של קוד, או אחד שמתחיל עם >

החלף אותו ב:

שמור header.php פתוח, אנחנו הולכים צריך את זה בשלב 3.

שלב 3. הכנס OG תגים

הדבק את הקוד הבא מיד לאחר מכן או לפני תג.

       "/>          

הנה כמה מהערכים שתצטרך לשנות:

• שורה 3: החלף your_fb_app_id עם ה מזהה יישום משלב 1.
• שורה 4: אתה יכול לקבל your_fb_admin_id בדף 'תובנות Facebook' שלך (מידע נוסף). הקלק על ה "תובנה עבור האתר שלך"כפתור ירוק, לתפוס את כל מחרוזת קוד ולהחליף את קו 4.
• שורה 12: שורה זו קובעת את התמונה המייצגת את הפוסט שלך. אם הנושא שלך תומך וורדפרס פוסט תמונות ממוזערות, זה צריך לעבוד בסדר. אבל אם לא, הוא ייכשל בחן בלי דימוי. בדוק את שלב 3 א עבור פתרון חלופי.
• שורה 19: החלף לוגו עם כתובת אתר ללוגו של הבלוג שלך. הוא יוצג כאשר דף שאינו פוסט בבלוג שלך משותף ב- Facebook.

שלב 3a - כאשר "wp_get_attachment_thumb_url" נכשל

מתי wp_get_attachment_thumb_url () לא הצליח, סביר להניח שתעבור לתכונה content ללא ערך, כמו מה שמוצג למטה:

פתרון פשוט יהיה להחליף את השורה 12 בקוד הבא:

לאחר מכן, לפתוח פונקציות והוסף את הקוד הבא:

function_that_image function () גלובל $ לכתוב, $ הודעות; $ first_img = "; ob_start (); ob_end_clean (); $ output = preg_match_all ('// i ', $ post-> post_content, $ match); $ first_img = $ תואם [1] [0]; אם (ריק ($ firstimg)) / מגדיר תמונת ברירת מחדל $ first_img = "/images/default.jpg";  החזר $ first_img; 

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

שלב 4. הכנס פייסבוק Javascript SDK

הבא Javascript נותן לך לגשת לכל התכונות של API API ו Dialogs. זה גם מאפשר לך לשלב פייסבוק תוספים חברתיים כמו כפתור כמו, Facepile, המלצות, וכו 'בקלות.

הכנס אותו פנימה header.php, מייד אחרי

החלף your_fb_app_id בקו 4 עם מזהה יישום משלב 1 קודם לכן.

שלב 5. בואו נבדוק את זה!

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

Test # 1 - הצג קוד מקור

תסתכל על קוד המקור של אחד הבלוג לכתוב, אתה צריך משהו כזה:

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

מבחן מס '2 - התקן תיבה דומה

אם לא התקנת לחצן פייסבוק כמו, אז זה כנראה הזמן לקבל אחד. מקם את הקוד הבא בכל מקום (רצוי לפני תוכן או אחרי תוכן) בפנים single.phpYou

לאחר מכן, קבל חבר כמו זה. אתה צריך לראות משהו דומה להופיע בפרופיל שלו בפייסבוק:

תוספת: תוסף וורדפרס

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

פייסבוק פתח גרף Meta ב - WordPress הוא תוסף וורדפרס המוסיפה נתונים meta פייסבוק כדי למנוע בעיה ממוזערת, בעיה כותרת שגויה, בעיה תיאור שגוי, וכו '.