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

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

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

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

הקוד

החלפת הלוגו יעשה תוך שימוש באקשן (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' );

התוצאה

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

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

מאת רמי

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

20 תגובות »

  • אריאל כותב :

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

  • רמי כותב :

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

  • 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

  • צחי כותב :

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

  • רונית כותב :

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

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

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

  • אלרון כותב :

    תודה, עובד!

  • אלכס כותב :

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

  • רמי כותב :

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

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

    h1 a { background-image: url(http://www.example.co.il/images/custom-login-logo.gif) !important; }
  • עומר לוי כותב :

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

  • יובל כץ כותב :

    מצויין!

  • יובל כץ כותב :

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

  • רמי כותב :

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

  • יצחק כותב :

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

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

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

  • רמי כותב :

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

  • אבי כותב :

    באיזה גודל התמונה צריכה להיות?

  • רמי כותב :

    תמונת ברירת המחדל (בוורדפרס 3.4.2) היא 274×73 אבל כיוון שאתה יכול לשנות את כל הגדרות ה-CSS, ניתן לעשות תמונה רחבה יותר ואף לעצב את הטופס עצמו.

  • יוסף כותב :

    רמי, אתה תותח. נקודה.

  • NextSite כותב :

    הגעתי די במקרה, תודה הקוד עובד פיקס!

  • רמי כותב :

    שמח לעזור!

הוסף תגובה !

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

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