In a previous post, we learned how to create a custom user registration page that enables users to sign up from the front-end of our WordPress site with our plugin ProfilePress. In this tutorial, we will learn how to build a custom login page that will contain a form registered users can log in to our site with using ProfilePress again. The front-end custom login page we will be building from scratch will take the form of the design below.
Ready? Let’s Go
First off, install and activate ProfilePress plugin.
Click the Login Form menu followed by the Add New button.
Copy the code below to the Login Design TinyMCE editor.
To add Google’s captcha (No CAPTCHA reCAPTCHA) to the form to help protect against brute force login, add the shortcode [pp-recaptcha] preferably before the submit button
[login-submit value="Log In"]
To give styling to the login form, paste the CSS below to CSS Stylesheet