טיפ וורדפרס – לוגו מותאם אישית במסך הכניסה למערכת
רמי כתב השבוע פוסט מדריך על לוגו מותאם אישית במערכת הניהול. בהשראתו קיבלתי רעיון ליישום דומה עבור לוגו מותאם אישית במסך הלוגין.
נכון שיש לא מעט פלאגינים שעושים את זה, אך גם אני בדעה שאם יש משהו שאפשר לפתור בכמה שורות קוד פשוטות, אז חבל להפעיל בשביל זה עוד פלאגין, שלרוב לא נטרח לבדוק מה בדיוק הוא עוד עושה, אם הוא כתוב בצורה טובה ונכונה ומה הוא אולי עוד מוסיף לנו בדרך.
אז הפעם, מדריך קצר לשינוי של הלוגו שיש במסך הכניסה למערכת הניהול של וורדפרס, בעזרתו תוכלו לבחור את האימאג' שתרצו לשים בכניסה למערכת הניהול.
מכינים תמונה
תכינו לכם את קובץ הלוגו שתרצו. חשוב לשמור על מידות האימאג' המקורי – רוחב 310 פיקסלים, גובה 70 פיקסלים וכן לשמור בפורמט png שקוף.
את הקובץ שהכנתם שמרו בשם custom-login-logo.png ומקמו אותו בתיקית המשנה "images" של ערכת העיצוב שלכם (wp-content/themes/your-theme-folder/images) .
קוד
כפי שאמרתי, את ההשראה שאבתי מרמי, שאת הבלוג שלו גיליתי בסוף השבוע האחרון (התוכן עושה רושם מבטיח, שווה לבקר), ולכן נבצע זאת גם כן בעזרת פונקציה ו-Action פשוטים, שיגידו לוורדפרס לבצע את ההחלפה. הקוד דומה במבנה שלו, רק יש מספר פרמטרים שונים שצריך לתת.
את הקוד הבא יש להוסיף לקובץ ה-functions.php בתיקיית ערכת העיצוב (התבנית)
1 2 3 4 5 6 7 8 9 | function custom_login_logo() { echo ' <style type="text/css"> #login h1 a {background: url('.get_bloginfo('template_directory').'/images/custom-login-logo.png) center top no-repeat !important; </style> '; } add_action('login_head', 'custom_login_logo'); |
זה מה שמתקבל:
10 תגובות »
פיד RSS לתגובות בפוסט | טראקבק
מאור,
יש לי בעיה שצצה לי גם בלוגו מותאם אישית וגם בהוספת תמיכה לתמונות ממוזערות
כל נסיון שלי לערוך את קובץ functions.php מסתיים בקריסת התבנית
אפילו הקלדת אנטר בבהתחלה או בסוף הקובץ (ללא הוספת שום תו לקובץ) – מחרבת לי את התבנית.
מה דעתך?
האם אתה מעתיק קוד ישירות מכאן לעורך הקוד שלך?
אם כן, אז כדאי להדביק קודם בנוטפאד ולהעתיק משם אל עורך הקוד שלך.
באיזה עורך קוד אתה משתמש לעריכת קבצי קוד?
אם אתה בטעות משתמש בנוטפאד או בפרונטפייג', אז אולי משם הבעיה. נסה להשתמש באחד מאלה – editplus, notepad++, eclipse, dreamwaever
יתכן גם שאתה שובר את מבנה הקובץ ואולי יש איזה סוגריים מיותרים או שלא במקום.
שים לב לסגירת הסוגריים { שיש בסוף הקובץ, בד"כ זה סוגר כל הקוד וצריך לשתול קוד נוסף לפני שורת הסגירה הסופית של קובץ הפונקציות.
מאור
אני דווקא עובד עם נוטפד ואני לא מתנגד לעבוד לנוטפד ++ אבל אתמול כשהצליח לי זה היה עם נוטפד רק שאני לא זוכר איזה תבנית זו היתה.
אני מעלה את האפשרות שאולי זה קשור לקידוד הקובץ functions
בקידוד ANSI או UTF8
האם יש השלכות לקידוד בקובץ functions
זה לא קשור לקידוד.
בכל מקרה כדאי שהקידוד של הקובץ יהיה utf8 אבל זה לא מה שגורם לבעיה.
לא רצוי לערוך קבצי קוד עם notepad, זה עלול לגרום לבעיות במקרים מסוימים.
אכן אכן עשיתי והבנתי
הדבקה לנוטפד – כדי לנקות סימנים מיותרים
ואחר כך עברתי לנוטפד++ כדי שיכתב בצורה תקנית
עובד נהדר –
תודה מאור
מאור,
האם אה מכיר איזה קוד שנותן לי לעצב את צבעי פאנל הניהול על ידי הוספת קוד ל functions.php ?
היי מאור, איך אתה פותר את העובדה שהתמונה הזאת היא לינק לוורדפרס.org?
דרך שינוי בקובץ wp-login.php
או שיש לך דרך נוספת דרך הפונקציה?
יש פילטר פשוט שמאפשר גם את שינוי הלוגין.
ראה פוסט שהעליתי עכשיו במיוחד כתשובה לשאלה שלך..
http://www.maorb.info/wordpress/2010-08/custom-image-login-link
פורסם לאחרונה אצל מאור ברזני.. טיפ וורדפרס- כך תיחלצו משינוי כתובת ההתקנה שחסמה גישה לאתר
בשות מאוד אני רוצה לענות לך,
אתה לוקח את הקוד שמופיע כאן ושותל אותו בסוף קובץ FUNCION
וכן אתה צריך לשים בו הפניה לתמונה או לשים תמונה לפי ההפניה שכתובה בקוד
ושים לב שזה פיתרון שהוא צמוד לתבנית בלבד
הייתרון של זה שבזמן שידרוג אז אתה לא צריך לחזור על אותה פעולה
פורסם לאחרונה אצל יאיר.. המשימה- ללמוד לקרוא כמו מארי סאלם כהן
[...] שכתבתי לפני מספר חודשים הסברתי כיצד ניתן ליישם בקלות לוגו מותאם אישית במסך הכניסה למערכת. השבוע עלתה השאלה הנכונה – איך מתמודדים עם זה ששינוי [...]