WordPress as we know it, is not just a blogging tool, it is a CMS (Content Management System). Most of the freelancers out there use WordPress to build custom sites to entertain requirement friendly behavior. Even a basic CMS based project in WordPress demands for a custom login page in WordPress. Today I intend to discuss how one can create a custom login page in WordPress.<\/p>\n
JUST A NOTE!<\/em>
\n\ud83d\udc68\u200d\ud83d\udcbb I’m teaching thousands of devs how to become VSCode Power Users<\/a> \u2192
\n\u2705 This site is super fast?! It’s hosted with Kinsta on Google servers \u2192<\/a>\n<\/p><\/blockquote>\nCreate a Custom WordPress Page#<\/a><\/h2>\n
First of all create a custom page in the root folder of your WordPress theme and name it aa_login.php (I use aa_ to make my code unique, it is a kind of abbreviation of my name Ahmad Awais). At the top of the page write the comment of Template Name:, a PHP comment, so that WordPress can recognize this custom page.<\/p>\n
Using $user_login#<\/a><\/h2>\n
$user_login<\/a> is a global variable which helps us find the present user login data. With which we can easily find out about the following activity of a particular user.<\/p>\n
Check if Login Failed#<\/a><\/h2>\n
If user tries to login with wrong credentials, WordPress will return a query string ?login=failed. <\/strong>This will in turn be used to display an error message.<\/p>\n
Check if User Is Already Logged In#<\/a><\/h2>\n
Then I used is_user_logged_in(<\/a>) function to check if the user is already logged in. So, if an already logged in user tends to revisit the login page, he’ll get a message about returning home or logging out. There is no sense in displaying the login form to an already logged in user.<\/p>\n
Else Display the Login Form#<\/a><\/h2>\n
In this part I used wp_login_form<\/span>(<\/span>)<\/span><\/a> function with some arguments to display the contact form. Here you need to pay attention to the particular argument ‘redirect’<\/span> =><\/span> home_url<\/span>(<\/span>‘\/wp-admin\/’<\/span>), <\/span><\/strong>this is basically redirecting user after login to home_url(‘path-here’)<\/a>. You can easily change the path to redirect a user to another page E.g. a custom front-end dashboard.<\/span><\/p>\n
Live Example#<\/a><\/h2>\n
Don’t forget to publish the page from admin panel Pages > Add New > Select the template name.<\/p>\n
What’s good is a code without demo? Here is a live example<\/p>\n