דף הבית » טריקים וטיפים, מומלצים

הוספת אווטר מותאם אישית

28 בפברואר 2010 | מאת רמי | 7 תגובות | תגיות: , , , , ,

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

שינוי אווטרים

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

הוספת אווטר מותאם אישית

המערכת מאפשרת להוסיף אווטרים מותאמים אישית, תוך שימוש בפילטר (Filter) יעודי בשם avatar_defaults. כדי לעשות זאת, נוסיף את הקוד הבא לקובץ functions.php בערכת העיצוב:

function custom_avatar($avatar_defaults) {
$myavatar = get_bloginfo('template_directory').'/images/avatar.png';
$avatar_defaults[$myavatar] = "אווטר מותאם אישית";
return $avatar_defaults;
}
add_filter('avatar_defaults', 'custom_avatar');

למרות שקיימת תמיכה מובנית באווטרים החל מגרסה 2.5, הפילטר הנ"ל התווסף בגרסה 2.6. שימו לב באיזו גרסת וורדפרס אתם משתמשים.

התוצאה

אווטר מותאם אישית

אווטר מותאם אישית

את התמונה של האווטר avatar.png יש להוסיף לערכת העיצוב שלכם, לספריה images. כמובן שניתן לשנות את שם הקובץ והספריה, רק אל תשכחו לעדכן את הקוד.

סיכום

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

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

7 תגובות »

  • איתי כותב :

    באתר שלי רואים את האווטרים של האנשים בפאנל הניהול, אבל באתר עצמו רואים אצל כולם את הGAVATAR הכחול הזה, מישהו יודע אולי למה?

  • רמי כותב :

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

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

    אתה כנראה משתמש בתבנית ישנה שלא עברה התאמה לאווטרים. אני ממליץ לך להיכנס לקובץ comments.php ולעשות את העדכונים הנדרשים.

  • חולי כותב :

    אני שובר את הראש כבר הרבה זמן על פעולה בדיוק הפוכה…

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

    הסיבה קשורה לזה שמפריעות לי מבחינה עיצובית הדמויות הסטנדרטיות….

    יש למשהו רעיון?

    תודה,

  • רמי כותב :

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

  • חולי כותב :

    תודה רמי על התשובה המהירה,

    זה בדיוק מה שאני רוצה לעקוף…

    אני רוצה לבטל את האפשרות לבחור "בהגדרות דיון" באווטרים אחרים.

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

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

    מקווה שהסברתי ברור… 🙂

    תודה,

  • חולי כותב :

    או קי, מצאתי משו…

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

    הנה:

    function remove_custom_avatar() {
    return 'none';
    }
    add_action( 'avatar_defaults', 'remove_custom_avatar' );

  • יאיר כותב :

    אני עדיין תקוע בשלב הקודם: הגדרתי את חשבון הגראוואטאר שלי אך באתר עדיין לא רואים את הצלמית שהגדרתי…

    אשמח לסיוע 🙁

הוסף תגובה !

נא לא לשאול שאלות שלא קשורות לפוסט, זהו לא פורום תמיכה. לבעיות אישיות ונושאים מורכבים אפשר ליצור איתי קשר.

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>