How to customize WordPress login page

A beautiful and nicely crafted theme can change the look and feel of your WordPress site. But, what about the login page? Default login page is too ordinary to attract your visitors. Although this can be handled with a custom login page, but most of the themes does not include this feature.
Here I’m going to show you, how can you customize your login page.

1. Disable Shaking effect
Login page shakes if anything wrong happens. For example if the login details provided are wrong or any of the fields is submitted empty. You can override it’s default events. If you want to disable this shaking effect, add this code into functions.php file of your theme.

2. Change login header URL
By default, login header image is hyperlinked to http://wordpress.org. If you want to change it to your own, use this code-

3. Change login header image title
By default, it says Powered by WordPress. Use this code to change it to a custom text-

4. Add new CSS class to body tag
This code snippet will help you-

5. Customize login message
Paste this code into your functions.php to change the texts showing above the login form-

6. Change logout redirect URL
By default, it redirects to login page after you log out. This code will change logout redirection to a new URL. Even you can set different URLs for individual user.

7. Lost password redirect
Take users to a specific page after they submit lost password form.

8. Register redirect
Take users to a specific page after they submit registration form-

9. Change login redirect URL
By default, it redirects to wp-admin after you log out. This code will change login redirection to a new URL. Even you can set different URLs for individual user.

10. Add some meta tag in head tag
Add this code into functions.php file.

11. Add a new stylesheet for login page
Here is your code-

12. Add some text after opening body tag.
Paste this code into functions.php

13. Add text to login footer
This code will add This is our login page footer in the footer area of login page.

14. Add new field in register form
This code will (visually) add a new field for ‘phone number’ in registration form.

WPpeople

WPpeople works mainly on WordPress based projects.
It specializes in developing Plugins, Themes and WP based apps. Well, you can count SEO and maintenance jobs too.

Get in touch