El favicon es el pequeño icono que aparece en la pestaña del navegador, en los marcadores y en los resultados de búsqueda móvil. Te explico cómo hacerlo, tanto para temas clásicos como para los basados en FSE.
1. Prepara tu imagen para el favicon:
- El tamaño ideal para un favicon es 512 x 512 píxeles.
- Utiliza un archivo PNG (recomendado para transparencia) o ICO.
- Asegúrate de que el diseño sea simple y reconocible, ya que se verá muy pequeño.
2. Agrega el favicon a través del personalizador de WordPress (método universal):
Este método funciona para la mayoría de los temas de WordPress, incluyendo los clásicos y los de bloques (FSE).
- Inicia sesión en tu panel de administración de WordPress.
- Ve a «Apariencia» > «Personalizar».
- Busca la sección «Identidad del sitio» (Site Identity).
- Verás una opción llamada «Icono del sitio» (Site Icon) o «Favicon».
- Haz clic en «Seleccionar icono del sitio».
- Sube tu imagen de 512x512 píxeles desde tu ordenador o elígela de tu biblioteca de medios.
- WordPress te permitirá recortarla si es necesario.
- Haz clic en «Publicar» para guardar los cambios.
3. Si usas un tema de bloques con FSE y el método anterior no aparece:
Aunque el Personalizador sigue siendo común, con el FSE puro, a veces algunas opciones se integran en el Editor de sitios.
- Ve a «Apariencia» > «Editor».
- En el panel de ajustes de la barra lateral derecha, haz clic en «Estilos» (el icono del círculo con el medio punto).
- Busca la opción «Logotipo del sitio» o «Identidad del sitio» dentro de los ajustes globales, donde podrás subir el icono del sitio directamente. Sin embargo, lo más común es que el método del Personalizador siga siendo el punto de acceso para el favicon.
Una vez configurado, tu favicon debería aparecer en las pestañas del navegador, mejorando la experiencia del usuario y la visibilidad de tu marca.