20
בדצמבר
2009

טיפ וורדפרס – לוגו מותאם אישית במסך הכניסה למערכת

מאת: מאור ברזני | תגובות: 10 | נושאים: וורדפרס
תגיות: , , |

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

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

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

מכינים תמונה

תכינו לכם את קובץ הלוגו שתרצו. חשוב לשמור על מידות האימאג' המקורי – רוחב 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');

זה מה שמתקבל:

custom-login-demo

שתפו גם אחרים:
  • email
  • Print
  • RSS
  • Facebook
  • Twitter
  • LinkedIn
  • Google Bookmarks
  • Live
  • PDF
  • MySpace
  • del.icio.us
  • Digg
  • Technorati
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Add to favorites

10 תגובות »

פיד RSS לתגובות בפוסט | טראקבק


הוסף תגובה

Gravity Forms Plugin for WordPress

You can add images to your comment by clicking here.

TechnoCraft - פתרונות אינטרנט


אֶקְסְפֶּרִימֶנְט דוֹט אֶפֶס - וורדפרס, תוכן, טכנולוגיה ועוד כמה דברים - מופעל באמצעות WordPress | פתרונות אינטרנט