Hola Wecindario, hoy vamos a ver que es un Favicon y como crearlo.

¿Qué es un Favicon?

Un Favicon (icono de favoritos), también se conoce como el icono de página, que es una imagen asociada con la página o alojamiento web en cuestión.
Los navegadores suelen mostrar el Favicon de la página visitada, y en la barra de direcciones o en el encabezado de la pestaña correspondiente. También se usan para identificar más fácil las páginas, en las listas de marcadores o nuestros favoritos. También en los historiales (navegador web) de páginas visitadas o  de navegación reciente, y todo a su vez deben hacer referencia a ellas.

El Favicon en nuestro PrestaShop

Ahora veremos lo sencillo que es poner el Favicon en PrestaShop, solo debes saber que:

- La imagen del Favicon será ICO (NO debe ser un JPG, PNG o GIF).
- El tamaño debe ser 32x32px.

Si ya lo tiene con esas dos características, sigamos leyendo, y seguimos los pasos de acceder al Backoffice de PrestaShop, y pinchamos en “Preferencias” –> “Temas”.

Posteriormente vamos a  “Iconos”.  Y vemos que el Favicon de PrestaShop está allí, y lo vamos a sustituir por el nuestro. Pinchamos en  “Añadir archivo” y subimos el nuestro Favicon ICO.

Sencillo, ¿verdad?

El Favicon en nuestro WordPress

En este CMS, el WordPress solo cambia que además de ser un ICO, el tamaño sea 512px x 512px.

Cuando la imagen esté lista, puedes agregarla a tu sitio de WordPress siguiendo estos pasos:

  1. Vamos a Panel de administración.
  2. ves a Apariencia -> Personalizar.
  3. Escoge Identidad del sitio.
  4. Pinchamos en Seleccionar imagen en la sección Icono del sitio.
  5. Sube tu Favicon.
  6. Luego pincha en Publicar, para guardar los cambios.

Si lo has hecho bien, tu Favicon aparecerá junto al título del sitio web.

Favicon

Cómo crear una imagen ICO

Para los menos experimentados o para quién no tenga o no sepa usar un programa de edición de fotos. Puede que les parezca todo un reto, pero no lo es, ya verás. Hay miles de sitios en Internet que ofrecen la posibilidad de crear y de forma gratuita.

¿A cuál acceder? Pues le preguntamos a el buscador que solemos usar: “generador Favicon gratis” y del listado coge una, y lo pruebas. Que no te gusta, buscas de nuevo y coges otra, pero verás que todas funciona igual y son muy sencillas. ¡Todo muy fácil!

No se ve el Favicon

Si se da el caso de que no se ve, podemos refrescar el navegador (F5) o vaciar la caché. ¿Sabes cómo? Si no sabes cómo, lee esta Guía: Vaciar caché

Bueno Wecindario, esto es todo referente al Favicon del WordPress o PrestaShop. ¿Os ha gustado? Podéis compartir.

Si queréis, podéis añadir algún comentario.

 ¡¡Hasta la próxima!!

Accede a más contenido

En Hoswedaje, ofrecemos más información relacionada sobre WordPress y PrestaShop. Uno de ellos sería, añadir tabla de contenido a WordPress. Y otro artículo muy interesante sería optimizar las tablas en PrestaShop. Si tienes alguna consulta, contacta con nosotros sin ningún tipo de compromiso.

ip publica Aprende a cómo añadir la tabla de contenido a WordPress, pinchando en el enlace que te dejamos.

ip publica Investiga y conoce cómo optimizar las tablas en PrestaShop, leyendo la siguiente entrada.