Create Login Page in The Simplest Way:
Setup Front-End Login Page & Login Widget:
Shortcode for User Meta default login form is : [user-meta-login]
Simply put this shortcode into the page where you want to have the login form.
To create a new page go to : Pages>>Add New.
With this shortcode, Login Form will be like below.
To use User Meta login form as widget, go to: Appearance>>Widgets.
At the bottom of that page you will find a login widget option named User Meta Login. Click User Meta Login and choose where you want to put the login form as a widget from several options. After selecting one, click Add Widget.
An extra field will be added then in Content Sidebar named User Meta Login. Configure this widget field according to your need. Put a Guest Title of that widget which will be seen only by guests or leave blank if you want it without any title. Do the same thing for Logged-In User Title which will be seen only by logged-in users. Check Hide this widget when viewing login page not to show this widget in Login Page.
When you have done, click Save.
Then browse your site and you will find a login widget there.
To configure Login options of your site go to: User Meta>>Settings>>Login.
Select one of User login by options from Username, Email and Username or Email. If Username or Email is selected, it means user can login with username or email by both.
Select a default Login Page. Leave login page as None if you don’t want to make one as default login page. In that case, user have to login with WordPress default login url. Choose one among your pages which should contain shortcode like [user-meta-login].
Make a Login Page automatically only by clicking Create page which contains User Meta Login Shortcode. This new created field named Login will be selected as Login page then. To disable WordPress default login url and enable front-end login page which you have just selected check Disable default login url.
Configure your login form with Login Form section. Check Disable lost password feature not to give the feature in login form. Check Hide registration link or the login form will contain a registration link at the bottom. Disable AJAX submit in login by checking Disable AJAX submit.
Choose a Reset Password page where users will be redirected when they want to retrieve or reset their password. Should select a page as you can’t leave Reset Password Page as None if your default login url is disabled. Can make a Reset Password Page automatically only by clicking Create Page. Then select the newly created page.
Set up Logged in user profile settings differently based on their roles. Set text and Place Holder here which will be shown when user is logged in.
When you have done with all these, click Save Changes.