Frontend login can be found in many WordPress websites, including small blogs. Usually, we place the login form in the sidebar of the website. In web applications, user interfaces are complex and different compared to normal websites. Hence, we are going to implement the full page login screen as we did with registration. First, we need to update our controller with another case for login as shown in the following code:
switch ( $control_action ) { // Other cases case 'login': do_action( 'wpwa_login_user' ); break; }
This action will be executed once the user enters /user/login
in the browser URL to display the login form. The design form for login will be located in the templates
directory as a separate template named login.php
. Here is the implementation of the login form design with the necessary error messages:
<?php get_header(); ?> <div id='custom_panel'> <?php if (count($errors) > 0) { foreach ($errors as $error...