How to Brand Your WordPress Login Page

PaperStreet login page featuring fields for Username and Password, a "Remember Me" checkbox, a "Log In" button, and a "Lost your password?" link. Check out the guide on How to Brand Your WordPress Login Page for customization tips.

You are not stuck with the simple (and boring) WordPress login page.  Branding your WordPress login page is relatively easy and allows you to provide a more customized experience for the users of your website. These steps will eliminate the use and a plugin for changing the login image.

Step 1: Add to functions.php file

//////////////////////
// Replace WP Login //
//////////////////////
// Calling your own login css so you can style it
function paperstreet_login_css()
{
    wp_enqueue_style(‘paperstreet_login_css’, get_template_directory_uri() . ‘/css/login.css’, false);
}

// changing the logo link from wordpress.org to your site
function paperstreet_login_url()
{
    return home_url();
}

// changing the alt text on the logo to show your site name
function paperstreet_login_title()
{
    return get_option(‘blogname’);
}

// calling it only on the login page
add_action(‘login_enqueue_scripts’, ‘paperstreet_login_css’, 10);
add_filter(‘login_headerurl’, ‘paperstreet_login_url’);
add_filter(‘login_headertitle’, ‘paperstreet_login_title’);

 

Step 2: Create and Add Image to login.css

.login h1 a {
background: url(/images/layout/logo.png) no-repeat top center;
width: 326px;
height: 73px;
text-indent: -9999px;
overflow: hidden;
padding-bottom: 15px;
display: block; }

The final product looks like the image below. Questions? Call our support line: 954-523-2181.

PaperStreet login page featuring fields for Username and Password, a "Remember Me" checkbox, a "Log In" button, and a "Lost your password?" link. Check out the guide on How to Brand Your WordPress Login Page for customization tips.

Share This

Join the Sales and Marketing News, receive our last insights, tips and best practices.

Our 7 Guarantees

Keeping 2,000+ Clients Happy Since 2001.

1
You Will Love Your Design We design to please you and your clients
2
Same-Day Support 24-hour turnaround edits during business hours
3
Free Education We provide knowledge to help you expand
4
No Hidden Charges We quote flat-rate projects
5
Own Your Site No strings attached
6
We Create Results SEO, PPC, content + design = clients
7
We Make Life Easier One agency for web, branding and marketing