Descubre en este tutorial cómo usar una imagen diferente al logo del sitio como favicon en un tema de WordPress.
Por defecto, en los temas de bloques el favicon usa la misma imagen que el logotipo del sitio. Esto está muy bien cuando el logotipo es cuadrado, pero si es alargado seguramente querrás poder elegir otra versión del icono que sea cuadrada para que se muestre como favicon.
A continuación te explico dos formas de conseguirlo.
Opciones para establecer un favicon distinto al logo del sitio en un tema de bloques de WordPress
Opción A
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
Opción B
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
En este código utilizas el hook wp_head para introducir la URL de la imagen que quieres que use como favicon.
Solo tiene que reemplazar url_del_icono por la URL donde se encuentra el icono que quieres usar como favicon.
Recuerda que este debe de ser cuadrado y con un mínimo de 512 x 512 píxeles.
Conclusión
Ahora ya sabes cómo configurar un favicon distinto al logotipo del sitio en un tema de bloques de WordPress con un poco de código. Esta solución te vendrá genial cuando el logotipo de sitio sea alargado y puedas elegir otra versión del icono que sea cuadrada.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉
