Añadiendo estas cuantas líneas de código a nuestro functions.php podemos customizar fácilmente la página de login de nuestro WordPress ( http://siteurl/wp-login.php )
[code]
/************* CUSTOM LOGIN PAGE *****************/
// calling your own login css so you can style it
//Updated to proper ‘enqueue’ method
//http://codex.wordpress.org/Plugin_API/Action_Reference/login_enqueue_scripts
function bones_login_css() {
wp_enqueue_style( ‘bones_login_css’, get_template_directory_uri() . ‘/library/css/login.css’, false );
}
// changing the logo link from wordpress.org to your site
function bones_login_url() { return home_url(); }
// changing the alt text on the logo to show your site name
function bones_login_title() { return get_option( ‘blogname’ ); }
// calling it only on the login page
add_action( ‘login_enqueue_scripts’, ‘bones_login_css’, 10 );
add_filter( ‘login_headerurl’, ‘bones_login_url’ );
add_filter( ‘login_headertitle’, ‘bones_login_title’ );
[/code]
Lo primero que estamos haciendo con el primer action hook es encolar nuestro propio css en la página de login. Los sucesivos filtros cambian el comportamiento por defecto del logo situado sobre el formulario de ingreso.
Una customización muy común es cambiar el logo de entrada. Si en nuestro css definimos en la siguiente clase una propiedad background con nuestro logo, sobreescribiremos el logo default de WordPress.
.login h1 a