לוגו מותאם אישית בעמוד ההתחברות

20 בדצמבר 2009 | מאת רמי | 13 תגובות | תגיות: add_action, login_head, התחברות, לוגו

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

הקוד

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

function my_custom_login_logo() {
echo '
<style type="text/css">
h1 a { background-image: url(' . get_bloginfo( 'template_directory' ) . '/images/custom-login-logo.gif) !important; }
</style>
';
}
add_action( 'login_head', 'my_custom_login_logo' );

התוצאה

לוגו מותאם אישית בעמוד ההתחברות

באותו נושא

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

מאת רמי

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

13 תגובות »

אריאל כותב :

למה אתה אוהב להשתמש בפונקציות של וורפרס ולא להעלות תמונה אחרת לתיקיית התמונות של הניהול תוכן ולהחליף תמונה?
מה יותר פשוט מזה?

# 21 בדצמבר 2009 בשעה: 16:54

רמי כותב :

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

# 22 בדצמבר 2009 בשעה: 1:28

WPExplorer כותב :

This is a great turorial, I would love it if you submitted a copy of the tutorial in English for my website WPExplorer.com. Thank you. Keep up the Good work

# 24 בדצמבר 2009 בשעה: 5:43

צחי כותב :

מעולה! בדיוק מה שרציתי.
הוספתי למועדפים:)

# 24 בפברואר 2010 בשעה: 15:20

רונית כותב :

ממש, ממש תודה זה עזר לי מאוד!!

# 29 בדצמבר 2010 בשעה: 10:51

סוכות אבלים כותב :

תודה,
אבל ניסית לעשות את זה וזה לא עבד.
יכול להיות בגלל שיש לי גרסה יותר מתקדמת?

# 30 בדצמבר 2010 בשעה: 0:54

אלרון כותב :

תודה, עובד!

# 26 באפריל 2011 בשעה: 17:04

אלכס כותב :

סליחה על הבורות אבל אני שאלה…
לאיפה אני טוען את התמונה? למדיה?
איפה בדיוק להכניס את התמונה בקוד?

# 8 ביוני 2011 בשעה: 5:09

רמי כותב :

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

כמובן שניתן לשנות ngy את הקוד כדי לטעון את התמונה מכל מקור אחר:

h1 a { background-image: url(http://www.example.co.il/images/custom-login-logo.gif) !important; }

# 8 ביוני 2011 בשעה: 23:29

עומר לוי כותב :

אני משתמש בתוסף קטן וחמוד שנקרא white label cms – מאפשר לי לשנות את התמונות בממשק ניהול בקלות וגם יש בו יכולות נוספות. תנסו

# 21 ביוני 2011 בשעה: 14:24

יובל כץ כותב :

מצויין!

# 10 בדצמבר 2011 בשעה: 22:08

יובל כץ כותב :

האם אני יכול להשתמש בפונקצייה הזאת בדרך גם כדי לשנות את הקישור שם שיוביל לאתר שלי?

# 14 בדצמבר 2011 בשעה: 14:05

רמי כותב :

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

# 14 בדצמבר 2011 בשעה: 23:28

wp-tricks.co.il