Custom Html WordPress Login/Register Page

Solution:1

The correct way to set a login form in wordpress is:

<form method="post" action="<?php echo wp_login_url('URL_TO_REDIRECT_AFTER_LOGGED'); ?>">
    <input type="text" name="log">
    <input type="password" name="pwd">
    <input type="submit" name="wp-submit" value="Login" >
</form>

The form action is the URL when you log sucessfully. Is important to keep the inputs ´name´ fields because these will get wordpress as login data

Solution:2

WordPress comes with a powerful user management system. This allows users to create accounts on eCommerce stores, membership websites, or on a blog.

By default, the login page shows the WordPress branding and logo. This is fine if you run a small blog or are the only person with admin access.

However, if your website allows users to register and login, then a custom login page offers a better user experience.

Using your own logo and design makes your users feel at home. Whereas redirecting them to the default WordPress login screen that looks nothing like your website may look suspicious to your users.

Lastly, the default login screen does not contain anything but the login form. By creating a custom login page, you can utilize it to promote other pages or special promotions.

That being said, let’s take a look at some examples of custom WordPress login page designs.

WordPress Login Page Design Examples

Website owners can customize the WordPress login page using different styles and techniques.

Some create a custom login page that uses their website’s theme and colors. Others modify the default login page by adding a custom background, colors, and logo.

 WPForms

WPForms is the best WordPress contact form plugin on the market. Coincidentally, their plugin also includes an add-on to create beautiful WordPress login and registration forms, which we will show you later in this article.

Their custom login page uses a two-column layout. The left column contains the login form, and the right column is used to highlight promotions and other call-to-actions.

In the example above, they’re using the login page to share their annual report. It uses custom branding, background illustration, and brand colors to create a unique login experience.