El favicon es ese icono que aparece o quieres que aparezca en las pestañas del navegador donde los usuarios van abriendo páginas de tu sitio web.
En este post te voy a mostrar la forma más fácil de cambiar el favicon que tienes en tu web o añadir un nuevo favicon (en caso de que no tengas ninguno).
El proceso es diferente si estás utilizando una plantilla que no sea la que viene por defecto en wordpress.
Te explico ambos casos.
ACCEDE A TODOS MIS CURSOS ONLINE POR SOLO 10€/MES
ÍNDICE AÑADIR O CAMBIAR EL FAVICON CON WORDPRESS
Cómo cambiar o añadir un favicon en WordPress con plantilla propia
Esta forma te sirve si usas una plantilla en wordpress que no sea la que viene por defecto o si usas la plantilla que viene por defecto, pero usas una versión antigua de dicha plantilla (plantillas anteriores a twenty twenty two).
Entra a la administración de WordPress y ve a: “Apariencia > personalizar”
Dependiendo de el tema que estés utilizando lo siguiente puede cambiar un poco. Te pongo algunos ejemplos con algunos temas muy utilizados:
- 👉Si usas Divi, debes ir a “Ajustes generales > Identidad del sitio” y luego clic en el botón “Seleccionar el icono del sitio”
- 👉Si usas la plantilla Astra, debes ir a “Site Identity (o identidad del sitio)” y luego clic en el botón “Seleccionar el icono del sitio”
- 👉Si usas Flatsome, debes ir a “Header > Logo & Site Identity” y después clic en el botón “Seleccionar el icono del sitio”
Cómo cambiar o añadir un favicon en WordPress con la plantilla por defecto (Twenty twenty two y posteriores)
Si usas el tema o plantilla que viene por defecto en WordPress, y es una versión igual o superior a: “Twenty twenty two” tendrás que utilizar el siguiente proceso para añadir el favicon a WordPress.
En este caso, que existe lo que se denomina edición completa de sitio, has de añadir el favicon directamente a través del header o cabecera.
Para ello ve a: “Apariencia > Editor” en el menú lateral de WordPress
Ahora haz clic en el icono de WordPress que aparece arriba a la izquierda y selecciona “Partes de plantilla”.
Selecciona la cabecera que estés utilizando en tu sitio haciendo clic sobre ella.
Si ya tienes un módulo “logo del sitio” haz clic sobre el para configurarlo. Si aún no tienes un módulo logo del sitio, pues debes añadir uno a la cabecera y luego hacer clic sobre él para configurarlo (NOTA: Si quieres saber más sobre la edición completa de sitio aquí tienes un vídeo mio: Edición completa de sitio WordPress»
En la barra lateral derecha verás un selector que pone “Usar como icono del sitio”. Pues bien, un poco más abajo verás un enlace que dice “Ajustes del icono del sitio”, haz clic sobre el enlace.
Después, clic sobre “Identidad del sitio” y a continuación sobre el botón “Seleccionar icono del sitio” y ya podrá añadir el favicon.
Después dale a «publicar» o «guardar»
y en la página donde has añadido el logo, también a guardar.
Tamaño ideal para subir el favicon a WordPress
El favicon debe ser cuadrado. Así que seguramente no te va a servir el logo, que suele ser rectangular.
Utiliza un archivo tipo .PNG con fondo transparente para crear el favicon.
El tamaño ideal para el favicon es de 512×512 px
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes