Login form page. Eps 10

איך לייצר דף התחברות מותאם אישית לוורדפרס

אחת מהמשימות הכי מבוקשות בבניית אתרים, הוא לשנות את דף ההתחברות של וורדפרס.


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

דרכים לבצע התאמה לדף.

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

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

התקנת התוסף.

אנחנו נתקין תוסף בשם Customize WordPress Login Page, לתוסף יש 40,000 התקנות ומעודכן לגרסה האחרונה. התוסף תומך באפשרויות כמו:

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

ועוד….

את התוסף אפשר להתקין באחת מהדרכים הבאות:

  • דרך הניהול – תוספים –> תוסף חדש –> להקליד בחיפוש את שם התוסף ושהוא מופיע ללחוץ על התקנה ובסיום ההורדה על הפעלה.
  • דרך FTP – להוריד את התוסף מהקישור ולעלות אותו לתיקיית תוספים דרך תוכנת FTP.

מסך ההגדרות

לאחר ההתקנה ניתן למצוא את התוסף תחת תפריט הגדרות –> Admin Custom Login.
התוסף לא נראה טוב מימין לשמאל, אפשר לשנות רק לצורך ההגדרות לאנגלית או להוריד את התוסף שהכנתי שידאג ליישור לימין. להורדת התוסף: admin-custom-login-rtl
אם בחרנו באפשרות של דריסת העיצוב אז נראה מסך כזה

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

בהצלחה.

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