You probably have always wanted to get rid of the default WordPress login logo.
Learn how to get a custom WordPress admin login that is branded and customized for you!
Additionally, we are going to give you options to customize the background color of the login page as well.
Without further ado, let’s dive in.
What you will need:
- FileZilla or other file editing program
- Atom or other text editor program such as Sublime Text
Files to edit:
In this tutorial, you will need to locate the following files for editing.
- functions.php
- site logo in PNG or SVG format.
Caution: while editing the functions.php file is dangerous so proceed with caution. Editing the functions.php file is dangerous and can break your site if you are not careful.
Only copy and paste the exact code below and paste at the end of your functions.php before the closing ?> tag.
/* = Customize login page
---------------------------------------------------- */
function sgwp_custom_login_logo(){
echo
"<style type='text/css'>
body.login { background-color: #0d1219; }
body.login form { padding-bottom: 24px; }
body.login h1 a { background-image: url(". get_template_directory_uri() ."/lib/images/site-logo-login.png);
background-size: 162px 80px; width: 162px; height: 80px; }
body.login p#backtoblog, body.login p#nav { display: none; }
</style>";
}
function sgwp_custom_login_url(){
return get_option('home');
}
function sgwp_custom_login_title(){
return get_option('blogname');
}
add_action('login_head', 'sgwp_custom_login_logo');
add_filter('login_headerurl', 'sgwp_custom_login_url');
add_filter('login_headertext', 'sgwp_custom_login_title');
function is_login_page(){
return in_array($GLOBALS['pagenow'], array('wp-login.php', 'wp-register.php'));
}
Examples of WordPress custom login pages
Soberton
Soberton is a manufacturer of more than 300 electrical acoustic components. These components are sought by professional acoustical engineers, which means Soberton has a specialized audience that is highly knowledgeable.
Renovo Capital
We worked with Renovo Capital to design and develop their new website! Renovo Capital, LLC is a Minneapolis-based private lender providing financing to real estate investors, builders, and remodelers in the for-sale housing sector.
Storm Creek
The launch of StormCreek’s new digital storefront and marketplace, has enabled their team to drive consistent online revenue & increase profitability through automated synchronization of product, inventory, and order data, while keeping technical overhead at a minimum.
M&E Catalyst Group
We worked with M&E Catalyst Group, an financial firm out of Minneapolis to design and develop their new website! M&E Catalyst Group provides business and personal financial planning services.
