Personalizar los logos del login y panel de administración de WordPress

Para dar una imagen un poco más profesional vamos a explicar como personalizar los logotipos de WordPress de los apartados de login y administración.

Primero creamos dos imágenes png: una de 20x20px y otra subirla 274x63px. Las subimos a la carpeta «images» de nuestro tema.

Todos los códigos que describo a continuación los añadiremos al archivo functions.php de tu tema.

Vamos primero con el logo de la parte del panel de administración,

//cambia logo de cabecera de admin
add_action('admin_head', 'my_custom_logo');
function my_custom_logo() {
echo '
<style type="text/css">
#wp-admin-bar-wp-logo > .ab-item .ab-icon { background-image: url('.get_stylesheet_directory_uri().'/images/mi_logo_20x20.png) !important; background-position: 0 0px !important;; }
</style>
';
}

Además quitamos los menús que hay debajo del logo que nos dirigen a WordPress, ayudas, foros y demás que a nuestros clientes no le interesan ni entiende. Para ello:

//función para limpiar el menú de la barra de admin
function nwp_admin_bar() {
global $wp_admin_bar;

//$wp_admin_bar->remove_menu('wp-logo');
$wp_admin_bar->remove_menu('about');
$wp_admin_bar->remove_menu('wporg');
$wp_admin_bar->remove_menu('documentation');
$wp_admin_bar->remove_menu('support-forums');
$wp_admin_bar->remove_menu('feedback');
$wp_admin_bar->remove_menu('view-site');
}
add_action( 'wp_before_admin_bar_render', 'nwp_admin_bar' );

Ahora vamos con el apartado del login, haremos 3 acciones:

Por un lado cambiamos el logo de wordpress con el siguiente código:

//cambio del logo
function my_custom_login_logo() {
    echo '<style type="text/css">
    h1 a { background-image:url('.get_stylesheet_directory_uri().'/images/mi_logo_274x63.png) !important; }
    </style>';
    }
    add_action('login_head', 'my_custom_login_logo');

Después cambiamos el enlace URL del logo de la página, en lugar de sitio WordPress

    // cambio la URL de la página de login
    function put_my_url(){
    return ('http://www.indianwebs.com/terrassa'); // pongo mi URL in lugar de la de WordPress
    }
    add_filter('login_headerurl', 'put_my_url');

Y por último para acabar de adornarlo todo, ponemos el texto que aparece al pasar por encima de la imagen del logo (por defecto aparece «Powered by WordPress»

// cambio el texto emergente de la URL de página de login
    function put_my_title(){
    return ('Desarrollado por IndianWebs Terrassa'); // cambio el texto "Powered by WordPress" por el que quiera
    }
    add_filter('login_headertitle', 'put_my_title');

Con esto ya tendremos personalizado los iconos wordpress para así dar un aspecto más pro a nuestra web…Ah!!! … y sin Plugins externos.