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

קישור וכותרת הלוגו בעמוד ההתחברות

25 בדצמבר 2009 | מאת רמי | 10 תגובות | תגיות: , , , , ,

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

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

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

תחילה הקוד

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

function custom_login_url() {
    echo bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'custom_login_url' );

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

function custom_login_title() {
    echo get_option( 'blogname' );
}
add_filter( 'login_headertitle', 'custom_login_title' );

הסברים

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

יהיו הסיבות אשר יהיו, כיום עמודי ההתחברות הם לא חלק מערכות העיצוב. יחד עם זאת, אין הדבר אומר שעמודים אלה לא ניתנים לשינוי. אפשר לבצע קוסטימיזציה בעמודי ההתחברות תוך  שינוי הקובץ ההתחברות wp-login.php אשר ממוקם בספריה הראשית של וורדפרס ויחד איתו את קובץ ה-CSS שלו הממוקם ב- wp-admin/css/login.css. הבעיה היא שכאשר יבוצע עדכון אוטומטי לגרסת וורדפרס חדשה, הדבר ידרוס את כל השינויים שבוצעו. לכן דרך פעולה זו לא מומלצת.

דרך הטובה ביותר היא להשתמש בפילטרים (Filter) ואקשנים (Action) ייעודיים המטפלים העמוד ההתחברות. מטרתם לתת גישה למעצבים/למפתחים להגדרות שונות בעמוד ההתחברות כדי לבצע התאמות. שימוש ב"התאמות" אלה יאפשר לכם לשנות את עמודי ההתחברות לדרישות הלקוח ו/או לבנות עיצובי פרמיום מתקדמים ושימושיים יותר מבלי שהמידע ילך לאיבוד בכל פעם שתשדרגו גרסה.

שינויים בוורדפרס 3.4

בגרסה 3.4 של וורדפרס יש לשנות מעט את הקוד. במקום ב-echo, נשתמש ב-return. הקוד המתוקן הוא:

function custom_login_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'custom_login_url' );


function custom_login_title() {
    return get_option( 'blogname' );
}
add_filter( 'login_headertitle', 'custom_login_title' );

מאת רמי

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

10 תגובות »

  • רשיד כותב :

    תודה על הטיפ עובד מצויין והכי טוב שלא צריך לדאוג אחרי שדרוג וגם לא צריך להתקין plugins

  • איציק כותב :

    תודה.
    כל כך פשוט וכל כך טוב.

  • יצחק כותב :

    שלום רמי!
    חזרתי… 🙂

    בוורדפרס 3.4.1 זה השתבש לי, יש מצב שהפונקציה השתנתה?

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

  • רמי כותב :

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

    echo

    צריך להיות:

    return

    כבר מעדכן את הפוסט.

  • ליפז כותב :

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

  • טל ל כותב :

    מדריך מצויין
    איך ניתן למנוע מצב שבו כאשר מתבצע שדרוג גרסא שלא ידרוס לי את השינויים שביצעתי ב CSS.
    אני מדבר על הקובץ הזה login-rtl.min.css .

  • רמי כותב :

    טל, צריך להשתמש בתבנית בת.

  • טל ל כותב :

    תודה רבה רמי 🙂

  • רמי כותב :

    בכיף!

  • טל כותב :

    היי רמי לאחר עדכון ה-Wordpress לגירסא 4.31
    הלוגו ב Login חזר להיות הלוגו של WordPress כנראה שאני לא עושה משהו נכון
    האם יש לך הנחיות יותר מדוייקות לשמר את הלוגו והעיצוב מבלי לאבד אותו בכל עדכון?

הוסף תגובה !

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

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