Añadir favicon a la admin de WordPress

Para los que tengáis siempre muchas pestañas abiertas y queráis distinguir cuál es la pestaña de administración de vuestro blog diferenciándola del resto del blog, aquí va una pequeña guía.

Antes de nada, lo que aconsejo es crear una versión de nuestro favicon para la administración en blanco y negro. Cuando lo tengamos hecho (lo hacemos en png con fondo transparente) nos vamos a esta web IconConverter cargamos el archivo y hacemos clic en Convert.

Ahora debemos comprobar el nombre del tema de nuestro blog, para ello iniciamos sesión en nuestro panel de control de WordPress, nos dirigimos a Apariencia / Temas y nos quedamos con el nombre del que tengamos elegido, que en mi caso es Ari.

Captura del tema elegido para el blog, "Ari"
Tema elegido del blog

Suponiendo que tenemos acceso a los datos del FTP de nuestro blog, nos dirigimos al programa FTP que queramos, en mi caso Cyberduck, y nos conectamos al servidor.

Navegamos hasta la ruta del tema, en mi caso sería /public_html/blog/wp-content/themes/ari/images

Captura que muestra la ruta hasta llegar a /images/
Ruta de para el favicon de la administración de WordPress

Una vez aquí, si no tenemos la carpeta «icons» creada, la creamos y metemos el favicon dentro con el nombre «admin-favicon».

Navegamos un nivel arriba, justo a la carpeta del tema, en mi caso /public_html/blog/wp-content/themes/ari/ y localizamos el archivo funcions.php

Lo editamos y al final del archivo copiamos lo siguiente:

add_action(‘admin_head’, ‘show_favicon’);
function show_favicon() {
$favicon_url = get_stylesheet_directory_uri() . ‘/images/icons/admin-favicon.ico’;
echo ‘<link href=»‘ . $favicon_url . ‘» rel=»icon» type=»image/x-icon»>’;
}

Y ya está. Si borramos la caché de nuestro navegador, veremos como luce ahora nuestro favicon en la administración.

Favicon blanco y negro en la administración de WordPress
Favicon blanco y negro en WordPress