Cómo poner o cambiar el favicon en WordPress con y sin plugins

Actualizado: junio 2019

Si has llegado hasta aquí buscando un tutorial paso a paso sobre cómo cambiar o añadir un favicon a WordPress con o sin plugins, enhorabuena. Estás en el lugar indicado.

favicon wordpress

Cómo poner o cambiar el favicon en WordPress con y sin plugins
5 (100%) 5 voto(s)

Hoy en día hay tanta competencia, que si vas en serio con tu proyecto es fundamental crear una imagen de marca potente, y entre otras muchas cosas; añadir un favicon a tu página web en WordPress, ayuda a diferenciarte.

¿Qué es un favicon?

Por si aún no sabes de qué estoy hablando, un favicon no es más que la pequeña imagen que sale en la pestaña del navegador cuando abres cualquier cada página web, junto al título de la misma. Es decir, es como se llama al icono de las páginas web.

La idea, es que cuando tienes varias pestañas abiertas en tu navegador, gracias al favicon de cada página, puedes identificar por norma general, a qué web visitada pertecene cada una, sin tener que abrir todas ellas.

La principal peculiaridad del favicon, es que a no ser que uses un plugin o el personalizador de WordPress, es necesario que la imagen que decidas añadir mediante el código HTML oportuno (que luego veremos) es en formato .ico.

La mayoría de programas de edición (como Photoshop por ejemplo) no permiten guardar imágenes en formato .ico, por lo que será necesario usar algún conversor online gratuito que haga el trabajo por nosotros.

No te preocupes, más adelante te diré cuál es el mejor creador de favicons online que uso en todos mis proyectos, para que tú también puedas sacarle partido.

Cómo crear un Favicon para WordPress a partir de una imagen

Por lo general un Favicon tiene un tamaño de 16×16 píxeles, en la actualidad existen infinidad de herramientas para crearlas.

A pesar de que varios navegadores o browsers ya admiten favicons en formato GIF, PNG u otros, las versiones de Internet Explorer aún requieren que los favicons en formato .ico, por lo que, dado lo fácil que es crearlos, mejor añadir este formato y así cubrir todas las opciones.

Para resolver este problema te presentaré una herramienta donde podrás crear de manera sencilla y fácil un faicon.ico a partir de la conversión de cualquier formato multimedia GIF, PNG o JPEG a .ico para que no tengas problemas de compatibilidad entre navegadores.

Esta herramienta también te permite crear favicons desde cero a través de un práctico editor en línea.

Además, este editor también permite modificar manualmente los favicons generados para garantizar el mejor resultado posible.

La herramienta que te comento es: https://www.favicon-generator.org/

Si observamos la interfaz de esta herramienta es bastante sencilla:

Cómo añadir el Favicon en WordPress

Ahora que ya hemos generado nuestro favicon para nuestra página web WordPress, sólo nos queda añadirlo o cambiar el actual.

Este proceso es bastante sencillo y para ello hay varias soluciones posibles:

Insertar favicon mediante etiquetas HTML en la plantilla de WordPress

Como te había explicado en párrafos anteriores, la mejor manera de insertar un favicon en WordPress es añadiendo unas líneas HTML en el archivo header.php de tu theme WordPress.

<link rel="shortcut icon" href="PEGA AQUÍ LA RUTA DE LA IMAGEN" type="image/x-icon">.

Sustituye el texto, por la ruta de la imagen, que puedes copiar directamente desde la biblioteca de medios en WordPress (respetando eso sí las comillas) y…

¡Listo!

Si has aplicado los pasos de manera correcta tal y como acabamos de ver, ya deberás tener tu Favicon en tu WordPress (vacía la caché de tu web si aún no te aparece).

Eso sí, debes tener en cuenta, que este método, aunque es el más recomendable ya que te ahorra instalar plugins adicionales para una tarea tan simple, sólo servirá mientras esta plantilla intacta.

Si decides cambiarla, tu favicon se dejará de mostrar y tendrás que volver a añadir estas líneas en el nuevo theme.

Plugins WordPress para instalar un Favicon

Si prefieres una solución más «duradera» e independiente de la plantilla que uses, siempre puedes usar alguno de los plugins gratuitos del repositorio que realizan esta función:

All In One Favicon

Como ya hemos visto, la principal ventaja de usar este plugin es que si actualizamos o cambiamos nuestro tema o plantilla WordPress, no se perderá el favicon que se haya añadido.

Por contra, cargarás tu instalación con un plugin extra para realizar una simple tarea que puedes realizar, tal y como hemos visto, pegando dos líneas en tu archivo header.php.

Tú decides.

Como añadido extra, este plugin te ofrece la posibilidad de alternar el Favicon entre la parte visual de tu web (lo que ven los lectores) y otro para la parte de administración.

Además, su interfaz es bastante sencilla, sólo debes seleccionar el formato que vas a subir, (no necesariamente tiene que ser .ico) y después pulsar en «Guardar cambios» para ver el resultado de inmediato.

Otras opciones para cambiar un Favicon en WordPress

Las opciones que hemos visto hasta ahora son bastante fáciles y efectivas para crear e insertar un favicon a tu WordPress, pero antes de despedirme quisiera comentarte que existe una opción mixta entre las 2 anteriores que hemos visto.

Y es que algunas plantillas o themes de WordPress, ofrecen la posibilidad de, directamente desde el panel de administración, añadir nuestro favicon sin necesidad de agregar etiquetas HTML a nuestro archivo header.php gracias a las opciones que traen por defecto.

Por ejemplo, en el caso de GeneratePress, dispondrás de esta opción sin necesidad de realizar los pasos anteriores.

Si cuentas con esta plantilla puedes ir al apartado personalizar identidad del sitio, y desde ahí cargar directamente un archivo en formato PNG o JPG con un tamaño al menos de 512 x 512 px, que automáticamente se aplicará para cambiar tu Favicon.

Conclusión ¿Qué método prefieres para añadir un favicon a WordPress?

Espero que este tutorial para insertar un favicon en tu página web creada con WordPress te haya sido de utilidad.

Como has podido ver, cualquiera de las diferentes opciones es bastante sencilla, y acepta diferentes formatos como JPG, PNG o GIF, además de por supuesto el ya mencionado .ICO.

Como ya he comentado, en mi opinión lo más eficaz, es añadir el código a mano, pero si lo que quieres es una solución duradera y rápida, y tu theme no trae la opción por defecto, siempre puedes instalar un plugin para añadir tu Favicon a WordPress.

Descarga gratis tu regalo de bienvenida: Guía WordPress 5.0 (2019)

tutoriales wordpress castellano 2018
Responsable del fichero » Daniel Perales Rodríguez. Finalidad » Envío de contenido gratuito y prospección comercial. Legitimación » Es gracias a tu consentimiento. Destinatarios » Tus datos se encuentran alojados de forma segura en mi plataforma de email marketing MailerLite UAB. Ejerce tus derechos de acceso, rectificación, limitación o suprimir tus datos enviando un email a tutorialwp.onlin@gmail.com o ante la Autoridad de Control Encontrarás más información en https://tutorialwp.online/aviso-legal/

¿Alguna pregunta?

Si tienes alguna duda, o si te ha gustado el post, te espero en Twitter: @TutorialWP_

¡Sigue leyendo!