How To Replace The Logo on WordPress Login Page
If you are developing a WordPress site for a client or if you are creating a membership site with WordPress then you may want to change the logo on WordPress login page, Its not very difficult to replace the WordPress logo on the login page. Here’s the procedure,
1. Copy the following code and paste it into functions.php file in your theme’s folder,
add_action('login_head', 'my_custom_login_logo');
function my_custom_login_logo() {
echo '<style type="text/css">;
h1 a { background-image:url('.get_bloginfo('template_directory').'/images/agentwp-custom-login-logo.gif) !important; }
</style>';
}
function my_custom_login_logo() {
echo '<style type="text/css">;
h1 a { background-image:url('.get_bloginfo('template_directory').'/images/agentwp-custom-login-logo.gif) !important; }
</style>';
}
This will replace the WordPress logo. But the logo will still link to WordPress.org, don’t worry, keep reading…
2. Copy this code and again, paste it into the functions.php file,
add_filter('login_headerurl', 'agentwp_custom_login_url');
add_filter('login_headertitle', 'agentwp_custom_login_title');
function agentwp_custom_login_url() {
echo bloginfo('url');
}
function agentwp_custom_login_title() {
echo get_option('blogname');
}
add_filter('login_headertitle', 'agentwp_custom_login_title');
function agentwp_custom_login_url() {
echo bloginfo('url');
}
function agentwp_custom_login_title() {
echo get_option('blogname');
}
This will change the link and title attribute of the logo.
That’s it. Now you have a fully customized and branded WordPress login page.
