divider

How to Brand Your WordPress Login Page

Services: Law Firm Website Design . SEO . Internet Marketing . Law Firm Marketing Guide . Content Marketing . PPC

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.

image


Related Posts

Ready to Take Your Website to the Next Level? Great Ideas & Results Only a Phone Call Away

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Let's get started.

Leave a Reply

Your email address will not be published.

*