Cómo crear un Favicon en Canva para WordPress – Fácil y rápido

En este post, te enseño cómo crear un favicon con Canva para tu blog de WordPress, paso a paso.

Utilizo Canva para los banners de mi blog, las miniaturas de mi canal de YouTube y los favicones. En mi opinión, es la mejor plataforma de diseño gráfico online para bloggers. Ir a Canva.com (*enlace de pago) hoy mismo para acceder a una excelente herramienta de diseño gratuita.

Un favicon aparece en las pestañas del navegador del sitio web. Puedes crear un favicon gratuito para tu sitio web utilizando Canva.

Esto es un favicon

También te muestro cómo subir tu favicon a tu blog de WordPress.

Comencemos.

También te puede Interesar:

Cómo crear un Favicon con Canva

Primer paso – Crear un Favicon gratuito en Canva.com

Primero, ve a Canva.com  y regístrate para obtener una cuenta gratuita. Puedes registrarte con una dirección de correo electrónico, Google o Facebook.

Canva.com

Una vez que hayas iniciado sesión, selecciona el enlace “Tamaño personalizado” de la derecha.

Tamaño personalizado

En WordPress, el tamaño de la imagen del favicon es de 512*512 píxeles. Escribe 512 y 512 en las casillas, y luego haz clic en el enlace “Crear nuevo diseño”.

Crear nuevo diseño

Se abre una nueva pestaña del navegador con un lienzo en blanco para que empieces a diseñar tu favicon.

Lienzo en blanco

Puedes subir una imagen desde tu ordenador utilizando el enlace “Subir”.

Subir una imagen a Canva

A continuación, añade la imagen a tu lienzo para editarla.

Subir imagen

Asegúrate de que tu imagen llena el lienzo blanco.

Rellenar el lienzo

También puedes crear un nuevo favicon para tu sitio de WordPress.

Por ejemplo, haz clic en el enlace Texto para crear un favicon sencillo de una letra. A continuación, selecciona el enlace “Añadir un título” y escribe tu letra. Puedes aumentar el tamaño de la letra arrastrando los bordes.

Crear un favicon en Canva

Haz clic en cualquier parte del fondo blanco para cambiar el color de fondo, y luego selecciona el icono de color.

Opción de cambiar el color de fondo

En el menú, selecciona el color. Elige un color de la lista o introduce un código de color.

Cambiar el color de fondo

Para obtener los códigos de color HTML, ve a https://htmlcolorcodes.com.

Códigos de color HTML

Para cambiar la fuente, el tamaño o el color de tu carta Haz clic en cualquier parte de tu carta y aparecerá una barra de herramientas. Algunas de las fuentes sólo están disponibles para los clientes de pago.

Edita tu favicon en Canva

Una vez que hayas terminado de editarlo, descarga tu favicon en tu ordenador.

Segundo paso – Descarga tu favicon

Canva te permite descargar tu favicon de forma gratuita. Haz clic en Publicar y luego selecciona Descargar.

Descarga tu favicon

En la siguiente ventana de opciones, selecciona Descargar.

Selecciona descargar

Si quieres que tu favicon tenga un fondo transparente, debes actualizar tu cuenta.

A continuación, es el momento de subir tu favicon a tu blog de WordPress.

Paso 3 – Sube tu Favicon a WordPress

En tu panel de administración de WordPress, pasa el ratón por Apariencia y selecciona Personalizar.

Cómo encontrar la personalización en el panel de administración de WordPress

Una vez que estés en Personalizar, selecciona Identidad del Sitio en el menú.

Identidad del sitio en el personalizador

En Identidad del Sitio, busca el Favicon o Icono del Sitio. Los favicones deben tener al menos 512*512 píxeles.

A continuación, haz clic en Seleccionar icono del sitio.

Selecciona el favicon

Selecciona el enlace Subir archivos.

Selecciona subir archivos

Para subir tu favicon, haz clic en Seleccionar archivos y elige la imagen del favicon que creaste en Canva desde tu ordenador.

Una vez que selecciones y subas tu imagen, volverás a tu Biblioteca Multimedia.

Mediateca

Añade texto en el Título y en la sección de texto Alt de la derecha. Una vez completado, haz clic en el enlace Seleccionar.

La siguiente página es para recortar tu imagen. Si tu imagen es demasiado grande, debes seleccionar la parte de la imagen que quieres utilizar como favicon.

Recortar tu favicon

Esta imagen tiene 512*512 píxeles y no es necesario recortarla. A la derecha, tienes una vista previa de tu favicon.

Selecciona Recortar la imagen u omitir el recorte para establecer tu favicon.

Paso 4 – Publicar tu Favicon

Para que tu favicon aparezca en tu sitio web de WordPress, haz clic en Publicar.

Publica tu favicon

Qué hacer si tu Favicon no se muestra

Si tu favicon no se muestra en los navegadores después de la publicación, probablemente se deba al almacenamiento en caché.

El almacenamiento en caché es cuando un navegador almacena los archivos de los sitios web que visitas para acelerar el tiempo de carga. Si cada navegador tuviera que recibir copias frescas de cada sitio web que visitas, notarías el retraso.

Para forzar a tu navegador a recuperar una copia fresca de un sitio web, debes borrar la caché.

Primero, haz clic con el botón izquierdo del ratón en el candado de la barra de direcciones.

Haz clic con el botón izquierdo del ratón en el candado

A continuación, selecciona “Cookies”.

Cookies

Utiliza el enlace Borrar para eliminar todas las cookies, y luego selecciona Hecho. Eliminar todas las cookies almacenadas obliga a tu navegador a cargar los últimos archivos de tu sitio web.

Por último, actualiza la página.

Actualizar la página

Si utilizas un plugin de caché en tu sitio web, debes borrar la caché de tu plugin.

Ezoicinformar de este anuncio

Conclusión

Los sitios web que no tienen un favicon tienen un aspecto extraño en las pestañas del navegador. Diseñar un favicon en Canva sólo lleva unos minutos.

Puedes utilizar una imagen preparada, el logotipo de tu empresa o una letra. Tanto Google como Facebook utilizan las primeras letras de sus marcas como favicones. No olvides utilizar el tamaño personalizado en Canva. Los favicons son de 512 *512 píxeles.

Una vez que termines de crear tu favicon, descarga la imagen en tu ordenador. A continuación, utiliza el personalizador de temas en tu panel de administración de WordPress para subir tu favicon. Una vez en el personalizador, haz clic en Identidad del sitio. Desplázate hacia abajo hasta que veas “Favicon” o “Icono del sitio” y sube tu imagen.

Por último, publica tus cambios para que tu favicon esté activo.

Si tu favicon no se muestra, prueba a borrar la caché de tu navegador.

Empieza a diseñar tu favicon gratuito hoy mismo en Canva.com .

¿Cómo diseñas un favicon para tu sitio web? ¿Utilizas Canva? ¿Qué herramientas recomiendas para crear un favicon?

Araceli Molina

Editora jefe 6mejores.com. Mi misión es ayudarte a descubrir los mejores productos y servicios para una vida más fácil y productiva. Más de 15 años de experiencia en marketing digital y publicaciones online. Me apasiona el fitness, la tecnología, la naturaleza y los animales.

Deja un comentario