הרבה בוני אתרים וכל מי שעוסק בתחום השיווק באינטרנט גם אם זה רק בבניית אתרים או רק בקידום אתרים, תמיד יש צורך או רצון להראות ולהציג את רשימה של הלקוחות המכונים כ-"בין הלקוחותינו". כולנו מכירים את הביטוי הזה אך רוב מוחלט של אתרים מסתפקים בהצגת תמונות לוגו בעמוד אחד בצורה כזו או אחרת. התוסף WP Sponsor Flip Wall יכול לעזור לך להציג את הלקוחות שלך בצורה קצת שונה לעומת אתרים מתחרים. התוסף WP Sponsor Flip Wall נועד למפרסמים ולבעלי אתרים שרוצים להכניס קמפיין פרסומי כלשהו באתרם. התוסף הזה יכול לשמש אותך גם עבור פרסום ממומן באתר או הצגת הלקוחות שלך. במידה ואתה מוכר שטחי פרסום באתר, ביכולתך להשתמש בתוסף וורדפרס Sponsor Flip Wall גם למטרה זו. מה שמיוחד בתוסף הזה, הוא היכולת להציג את הפרסומות או יותר נכון תמונות עם תוכן בצורה מאוד מיוחדת ואינטראקטיבית. שימוש בתוסף מומלץ מאוד באתרי וורדפרס שונים, אבל יש בעיה קטנה בכל מה שנאמר כאן. לא בדיוק בעיה, אבל התערבות טכנית הכרחית כדי להפעיל את התוסף. יש צורך להכניס קוד php בתוך תבנית וורדפרס שבה אתה משתמש. אם משפט האחרון עירר אצלך דאגה כלשהי, אז אין לך מה לדאוג. הדבר פשוט יותר ממה שאת/ה חושב/ת. לפני שנעבור להסבר מפורט בנושא "איך מתקינים את התוסף WP Sponsor Flip Wall" ואיך משתמשים בו, חשוב לציין שהתוסף הזה הוא תוסף וורדפרס חינמי לגמרי, ניתן להוריד אותו בחינם ולהשתמש בו לכל מטרה. במאמר זה תמצא מדריך והסבר מלא לאיך להשתמש בתוסף עם סרטון הדרכה מוקלט באיכות HD מה שיאפשר לך להנות מכל רגע.
תוסף וורדפרס בשם WP Sponsor Flip Wall
אז על מה אנחנו מדברים? מה התוסף הזה עושה מה שאחרים לא? קודם כל נתיחס לתוסף הזה כתוסף להצגת רשימת לקוחות. הוא אכן יכול להציג רשימה קצרה ומיוחדת באמצעות הצגה תמונה או לוגו של אותה החברה וכאשר לוחצים על הלוגו היא מתהפכת בצורה דינמית ומאוד אינטראקטיבית ומציגה את פרטי החברה כולל קישור לחיץ לאתר. קונספט מאוד מעניין והיא גם לא דורשת יותר מדי התעסקות. הכל מתנהל באמצעות ספריית Js (ג'אווהסקריפט).
דוגמה:
התמונה שמוצגת כאן למעלה לא יכולה לעביר ולהמחיש את אופן פעולתו מכיוון שיש צורך ללחוץ על תמונות המוצגות כדי לצפות באנימציה שצורפה לה. דוגמה הכי טוב היא לצפות בסרטון שצורף למטה עם מדריך המלא להתקנת התוסף יחד עם כמה תיקונים.
לאחר ההתקנה של התוסף כמו כל התוספים של וורדפרס, עליך להפעיל אותה. בעת ההפעלה יתווסף לך עמוד הגדרות של התוסף בתפריט של וורדפרס המופיע בפנל ניהול של המערכת בצד ימין. עליך ללחוץ על New Sponsor וליצור ספונסר חדש. יש צורך בהעלאת תמונה בגודל קבוע של 140 על 140 פיקסלים ברוחב ובאורך, אחרת התוסף יציג לך שגיאה ולא ישמור את הנתונים. לכן תפקידך לבחור ולהכין תמונה בגודל הזה או תשתמשו בכלים לעיצוב גרפי כמו פוטושופ או כלים לעיצוב תמונות חינמיות הקיימות באינטרנט כדי להקטין או לחתוך תמונות לגודל המצוין.
אחרי מילוי פרטים של המפרסם, עליך לשתול קוד שמפעיל את התוסף באתר בתוך התבנית.
שלב 2: הוספת קוד לתבנית
עליך קודם כל לבחור איפה ברצונך להציג את Flip Wall. במידה וזה בראש העמוד, למשל ליד הכותרת של האתר, אז עליך לערוך את קובץ header.php.
עליך למצוא את לולאה שהיא אחראית על הצגת כותרת האתר והדבק את הקוד מתחתיו.
- <?php wp_sfw_render(); ?>
יש הרבה אנשים שנבהלים כאשר אומרים להם מילת קסם:"קוד". זה יותר פשוט ממה שאתם חושבים. בסה"כ צריך לשתול את הקוד שכתוב למעלה במקום שבו אתה רוצה שהתוסף יפעל. אחרי שעתקתה את הקוד למקום הרצוי, שמור את הקובץ וגש לאתר. כעת אתה אמור לראות את התוסף וורדפרס WP Sponsor Flip Wall מופיע באתר במקום המוגדר.
בעיות של התוסף ותיקון הפשוט
התוסף לא תומך בשפה העברית. ז"א אם תכניסו כותרת ותיאור של אותו המפרסם בשפה העברית, התוסף יציג אותו עם סימני שאלה. אכן התיקון מאוד פשוט וכל מה שעליך לעשות זה לגשת לבסיס נתונים מתוך שרת אחסון שלך ב-PhpMyAdmin. גש לבסיס נתונים של האתר הוורדפרס ומצא עמודה בשם – sponsor_flip. בתמונה למטה מוצגת את הדוגמה שאותה אתה אמור לראות כאשר תגיע לעמוד זה.
בתפריט העליון לחץ על Structure כפי שמוצג בתמונה.
סמן עמודות Name ו- Description ולחץ על כפתור Change למטה.
בעמודה בשם – Collation שנה את הקידוד ל- utf8_unicode_ci בשניהם כפי שזה מופיע בצילום מסך.
שמור שינוים וגש בחזרה לפנל ניהול של וורדפרס. כל מה שנישאר לך, זה להכניס את המפרסמים (Sponsors) מחדש לתוסף ואותיות בשפה העברית יוצג בצורה תקינה.
סרטון וידאו יכול להמחיש את הנושא הרבה יותר טוב. מקווה שתהנה מהסרטון וזה יעזור לך. הסרטון מוקלט באיכות HD, לכן מאוד מומלץ לבחור איכות הכי גבוהה בהתאם לחיבור האינטרנט שבה את או אתה משתמשים כדי לצפות במדריך שלם בצורה ברורה ואיכותית ככל האפשר.
אם ברצונך לשאול אותי שאלה, השאר את תגובתך למטה.