Chris De La VegaHow to Brand Your WordPress Login Page

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(https://www.paperstreet.com/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.

image


Comments? Let us know your thoughts.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

 


Search

Our Newsletter

About Us

PaperStreet is a law firm web design and attorney internet marketing company, and provides law firm SEO. We create websites for lawyers that impress and get results. Founded by a lawyer, for lawyers, we have helped over 1,300+ law firms since 2001.



Free Website Analysis & Consultation. Contact Us Today