Cómo insertar un favicon en un child theme de Genesis Framework

Publicado el 02 octubre 2014 por Diego Martínez @aBoringBook

Siempre me sorprendo cuando veo a un sitio web o blog que no tiene un Favicon. Claro, es sólo una pequeña imagen de 16 × 16, pero tener un Favicon para su sitio es muy importante para la marca. Cada vez que uno de sus visitantes abre su sitio en su navegador, el Favicon es lo primero que van a asociar con su sitio.

De cualquier manera, si queréis cambiar el Favicon por uno más original, a continuación os voy a mostrar cómo lograrlo en este breve tutorial.

Un Favicon, es una pequeña imagen asociada a vuestro sitio web que, por lo general, se muestra en la barra de direcciones del navegador, menú de favoritos, menú de marcadores, o en la pestaña del navegador web.

Paso 1: El diseño

Por supuesto este es el paso más importante en el proceso. Si tenéis algunos conocimientos de Photoshop, este paso será muy sencillo. En realidad, es bastante fácil crear vuestra propia imagen favicon. Debéis recordar que la imagen final tiene que ser de 16 × 16 píxeles, por lo que no hay que abusar del espacio. Aunque, si no poseéis las habilidades para diseñar uno, Fiverr es un gran lugar para conseguir uno diseñado por sólo 4 o 5 euros.

Paso 2 : Convertir a Favicon

A continuación, tendréis que convertir la imagen que creasteis en el paso 1 en un archivo llamado favicon.ico. Lo que debéis hacer es ir a favicon-generator.org y elegir la imagen en cuestión, para posteriormente guardarla en vuestro ordenador. Así de fácil y sencillo. ¿Perfecto, no?

Paso 3: Subir vuestro Favicon

Debéis poner en marcha vuestro cliente favorito de FTP. Si estáis utilizando el Génesis theme (no el child theme), debéis cargar vuestra imagen favicon de la siguiente manera

/ wp-content / themes / genesis / images

De lo contrario, si estáis usando un child theme de Genesis, entonces tendréis que subir el favicon en la carpeta de child themes, es decir, aquí:

/ wp-content / themes / child_theme_name / images

En mi caso yo estoy usando Metro Pro como child theme, por lo que la ruta donde tengo la imagen es “/wp-content/themes/metro-pro/images”.

Paso 4: Probarlo

Una vez que hayáis subido vuestro Favicon, éste debe aparecer de inmediato y deberíais ver el Favicon elegido en la pestaña del buscador.

Si esto no es así, podría significar el viejo Favicon se almacena en el caché del navegador web. Si ese es el caso, debéis borrar la caché del navegador, volver a cargar vuestro sitio y reintentarlo.

Consideraciones finales

Si bien, puede parecer una pequeña cosa, cambiar vuestro Favicon en Génesis, puede hacer maravillas para vuestra imagen de presentación. Debéis recordar, que esto puede hacer la diferencia entre un sitio visitado y uno no muy popular.

Los cambios siempre son para mejorar, debéis de tener esto siempre en mente si es que queréis llegar lejos con vuestro sitio web. ¡Manos a la obra!