How to Replace the WordPress Login with a Branded Page

David Bullock — 

Having a custom branded login page where you control the interaction can provide a much better experience than the standard WordPress wp-login.php. This short guide will show you how to create a custom, branded login page without requiring any other plugins or custom code.

The built-in page has a number of drawbacks, with extra link options and a WordPress logo that will take your users to WordPress.org instead of to your homepage.

Create a Page Custom Login Page

First, create a new page on your site, and name it something simple, like “Login”. You can style this page however you want, including adding copy and graphics of your choosing.

Add the Login Shortcode to the Page

There are two ways to turn this into a login page. You can either add the shortcodes manually, or you can use one of our simple, pre-built templates.

To manually add the shortcodes, add the following shortcode to the content of your page.

To use our pre-built template, find the “Membership Templates” metabox in your page editor, and select one of the Login page templates. This will install the page code, and you can then customize it.

install-login-page-template

Save and Publish your new page.

Pro Tip
This step is optional. You can have the Login page redirect already logged in users to your membership dashboard with a few simple options. This step can help cut down on your user’s confusion if they end up on your login page after they’ve already logged in.

Set the page permissions to “Logged Out Only”

Set the Prohibited action on the page to “Redirect”

Set the Redirect URL to the page where your membership dashboard is.

Test the New Page

Open a new browser and go to your login page. Try logging in with either an admin user, or a regular user (or both). Memberium’s codes generate standard WordPress logins, so any kind of login should work fine.

Redirect WP-login.php to your new Page

Once you’re confident that your new login page is working, go to Memberium -> Settings, and click on the “Login” tab.

Scroll down and find the “Login Page” option, and set it to your newly created page.

How To Get In if Locked Out

If you should set the wrong page, or somehow end up locked out of your own site, you can override the system and access the old wp-login.php page using the following code:

My Login Form is Ugly?!

Please see our article here about how to style your login form with different themes.

  • Was this Helpful?
  • YesNo