לוגו מותאם אישית במערכת הניהול

19 בדצמבר 2009 | מאת רמי | 18 תגובות | תגיות: add_action, admin_head, לוגו, מערכת ניהול

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

הכנה מקדימה

תחילה יש להכין לוגו מותאם אישית באותן הפרופורציות, דהיינו קובץ GIF עם רקע שקוף ברוחב 30 וגובה 31. שימו דגש על הרקע של מערכת הניהול, כך שהלוגו החדש יתמזג ברקע שלה (#464646). שימרו את התמונה בשם "custom-admin-logo.gif" בתת-ספריה "images" של ערכת העיצוב.

הקוד

החלפת הלוגו יעשה תוך שימוש באקשן (Action) יעודי בשם admin_head. את הקוד הבא נעתיק לקובץ ה-functions.php של ערכת העיצוב.

function my_custom_admin_logo() {
echo '
<style type="text/css">
#header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-admin-logo.gif) !important; }
</style>
';
}
add_action('admin_head', 'my_custom_admin_logo');

התוצאה

לוגו מותאם אישית במערכת הניהול

מאת רמי

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

18 תגובות »

מאור כותב :

טיפ מגניב. יש אקשן כזה שאפשר לשנות איתו גם את האימאג' שבמסך הלוגין של ממשק הניהול?

# 20 בדצמבר 2009 בשעה: 0:05

רמי כותב :

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

# 20 בדצמבר 2009 בשעה: 2:47

רמי כותב :

מאור, התעסקתי 10 דקות עם הקוד ומצאתי פתרון. אני אפרסם פוסט חדש בנושא בימים הקרובים.

# 20 בדצמבר 2009 בשעה: 3:37

מאור כותב :

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

אני מניח שהפינקבאק בדרך…

עד שהוא יגיע זה הפוסט
http://www.maorb.info/wordpress/2009-12/custom-login-logo

# 20 בדצמבר 2009 בשעה: 6:32

רשיד כותב :

זה לא עובד עם וורדפרס 2.9
במקום שתופיע התמונה החדשה מופיעה תמונה אחרת:
wp-includes/images/blank.gif

# 22 בדצמבר 2009 בשעה: 5:02

רשיד כותב :

אוקיי עכשיו שמתי לב.
אתה כתבת: "שימרו את התמונה בשם "custom_logo.gif" בתת-ספריה "images" של ערכת העיצוב."
ואילו בקוד מופיע שם שונה לתמונה: custom-admin-logo.gif
תיקנתי וזה עובד עכשיו.
תודה על הטיפ הזה ועל הטיפ ב wprecipes.com

# 22 בדצמבר 2009 בשעה: 5:06

רמי כותב :

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

# 23 בדצמבר 2009 בשעה: 0:02

יאיר כותב :

שלום רמי,
אולי אתה מכיר איזה אקשן שיכול לשלוט ברקע של מערכת הניהול?

# 6 במרץ 2010 בשעה: 23:32

אורן כותב :

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

# 13 בינואר 2011 בשעה: 14:58

רמי כותב :

לא מכיר.

# 14 בינואר 2011 בשעה: 10:31

יצחק כותב :

שלום רמי,

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

תודה רבה רבה לך!
יצחק.

# 4 ביולי 2011 בשעה: 21:24

יצחק כותב :

שלום רמי,

שוב תודה רבה על הכל…
הקוד לא עובד לי בגירסאות החדשות של וורדפרס,
יש קוד שיגרום לזה לעבוד?

תודה רבה רבה לך!!!
יצחק.

# 4 בינואר 2012 בשעה: 1:46

רמי כותב :

יצחק, הקוד פעל בגרסאות קודמות של וורדפרס, מאז ה-header של לוח הבקרה השתנה, בגרסה 3.1 התווסף ה-AdminBar, ובגרסה 3.3 ה-header מוזג עם ה-AdminBar ליצירת ה-ToolBar.

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

# 4 בינואר 2012 בשעה: 10:36

יצחק כותב :

בסדר, מעולה!!! (לא שיש לי סבלנות, אבל…)

תודה רבה רבה לך!!!

# 4 בינואר 2012 בשעה: 17:44

חתול כותב :

נסה את ‎.ab-icon במקום ‎#header-logo

# 4 בינואר 2012 בשעה: 19:04

יצחק כותב :

לא הצלחתי… לא יודע למה…

תודה רבה רבה לך בכל אופן!!!
יצחק.

# 5 בינואר 2012 בשעה: 0:15

חתול כותב :

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

# 5 בינואר 2012 בשעה: 14:06

יצחק כותב :

אם תמצא בהזדמנות תכתוב כאן…
תודה רבה רבה לך!!!

# 6 בינואר 2012 בשעה: 0:08

wp-tricks.co.il