Si eres de los que tienen mil pestañas del navegador abiertas a la vez, y eso incluye varias pestañas de tu propio blog, seguro que más de una vez te ha resultado difícil saber qué pestaña corresponde a la administración de blog y cuál corresponde a la portada o a un artículo que estás previsualizando…

Una ayudita para diferenciar las que son de cara al usuario y las que son de administración, es usar un favicon diferente para las páginas de administración.

Para ello crea un favicon y súbelo a la carpeta que prefieras. En este ejemplo suponemos que el archivo está en ‘wp-content‘ y que se llama ‘favicon.ico‘. A continuación inserta el siguiente código en el archivo functions.php del tema que estés usando.

/* Favicon diferente para la administración de WP */
 
function favicon4admin() {
 
 echo '<link rel="Shortcut Icon" type="image/x-icon" href="' . get_bloginfo('wpurl') . '/wp-content/favicon.ico" />';
}
 
add_action( 'admin_head', 'favicon4admin' );

De esta manera, nos cargará un favicon distinto al entrar en las páginas de administración. Si cambiamos de tema, lógicamente, tendremos que repetir el mismo paso de la inserción del código en el archivo functions.php.

Artículo original: Different Favicons For Backend And Frontend