Seleccionar página

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.

 

que es el favicon

 

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.

 

Si quieres MÁS sobre WORDPRESS y DISEÑO WEB, APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

ACCEDE A TODOS MIS CURSOS ONLINE POR SOLO 10€/MES


VER CURSOS

 

 

 

 

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”

 

cambiar favicon wordpress en caso de usar plantilla comprada

ajustes generales wordpress añadir favicon

Identidad del sitio añadir favicon a wordpress

seleccionar icono del sitio - añadir favicon a wordpress

 

Si quieres MÁS sobre WORDPRESS y DISEÑO WEB, APÚNTATE a MI ACADEMIA ONLINE: cursotiendaonline.com
IR A MI ACADEMIA

 

 

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”.

 

Editar plantillas para añadir favicon

 

 

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»

 

añadir logo y favicon wordpress con edicion completa de sitio

 

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.

 

Añadir icono del sitio wordpress , favicon

 

 

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

 

 

Compártelo ya!!

ACCEDE A TODOS MIS CURSOS POR SOLO 10€/MES

1.- CURSO WORDPRESS (44 Clases)
2.- CURSO SEGURIDAD Y ACTUALIZACIONES WORDPRESS (9 Clases)
3.- CURSO DIVI (33 Clases)
4.- CURSO DISEÑADOR WEB FREELANCE (10 Clases)
5.- CURSO MEMBERSHIP SITE (14 Clases)
6.- CURSO ELEMENTOR (14 Clases)
7.- CURSO ASTRA PRO (17 Clases)
8.- CURSO BLOOM + MAILCHIMP (7 Clases)
9.- CURSO SEO (19 Clases)
10.- CURSO BLOG WORDPRESS (32 Clases)
11.- CURSO WOOCOMMERCE (39 Clases)
12.- CURSO FLATSOME WORDPRESS (36 Clases)
13.- CURSO COLORES WEB (9 Clases)
14.- CURSO ANALYTICS (10 Clases)
15.- CURSO SEO PARA TIENDAS ONLINE (12 Clases)
16.- ETC. ETC...(Más de 30 cursos)
*** ADEMÁS TIENES MI SOPORTE VÍA EMAIL***

IR A LOS CURSOS

Vé a tu buzón de correo y confirma la suscripción. Si no encuentras el correo de confirmación mira en la carpeta de SPAM.

Abrir chat
¿Dudas sobre mis cursos o servicios?
🙋🏻‍♂️** ¿Alguna duda sobre mis cursos o servicios? Soy Joaquín, cuéntame y te ayudo encantado
**Accede a TODOS mis cursos por solo 10 €/mes desde cursotiendaonline.com