Cómo agregar un favicon a WordPress 5 minutos

Vea la pesta√Īa del navegador ahora.

¬ŅVes la imagen a la izquierda del t√≠tulo de la p√°gina?

Esto se llama un “favicon”.

Tu favicon aparece en:

  • Gu√≠as de navegador
  • Barras marcadoras
  • Aplicaciones m√≥viles
  • ¬°Y recientemente, comenz√≥ a aparecer en los resultados de b√ļsqueda de Google!

    Google Favicon

    No hace falta decir que su favicon es una parte muy importante de su sitio web. Por lo tanto, en este tutorial, aprender√° los tres sencillos pasos para agregar su propio favicon a WordPress.

    Ver el vídeo

    Puede ver el video tutorial, si lo prefiere sobre la publicación del blog escrita a continuación:

    Suscríbase al canal de YouTube de Temas de Competencia

    Cómo agregar un Favicon con WordPress

    El primer paso es visitar el Personalizador en vivo (Apariencia> Personalizar).

    Dentro del Personalizador, haga clic en la sección en la parte superior.

    En la secci√≥n Identidad del sitio, ver√° una opci√≥n en la parte inferior llamada “Icono del sitio”.

    Configuración del icono del sitio web

    Aquí es donde agregará su favicon, pero antes de continuar, necesitará una imagen para cargar.

    Crea tu imagen favicon

    WordPress recomienda una imagen cuadrada de 512 px x 512 px. Si sabe cómo usar un editor de gráficos como GIMP, Photoshop o Sketch, puede crear esa imagen usted mismo.

    Si no está seguro de cómo crear la imagen, consulte favicon.io. Es un sitio web gratuito que le permite crear rápidamente una imagen favicon personalizada.

    Favicon Creator

    Haga clic en el bot√≥n “Generar a partir de texto” y acceder√° a una pantalla de editor simple.

    Editor de texto Favicon

    Puede cambiar el texto, los colores, la fuente y el tama√Īo de fuente en solo un minuto para crear su propia imagen.

    No ser√° la imagen m√°s profesional, pero estar√° bien. Sin mencionar que tener una imagen favicon simple es mucho mejor que no tener un favicon.

    Cuando descargas tu favicon, recibes un archivo zip. Hay una imagen dentro de 512 p√≠xeles; aseg√ļrese de usarlo en su sitio web.

    Una vez que tenga su imagen, estar√° listo para cargarla en su sitio web.

    Carga tu favicon

    Ahora que tiene su imagen, regrese a la sección Identidad del sitio en el Personalizador y haga clic en el botón

    Presione la pesta√Īa en la esquina superior izquierda y arrastre y suelte su imagen de favicon en la ventana emergente. Despu√©s de cargar la imagen, presione el bot√≥n en la esquina inferior derecha.

    GIF de un favicon que se agrega

    Si carga una imagen que no es perfectamente cuadrada, se le pedir√° que la recorte antes de poder seleccionarla.

    Después de hacer clic en el botón, se agregará su favicon.

    Admira tu hermoso favicon nuevo

    El icono de su sitio web aparecer√° inmediatamente en las pesta√Īas del navegador en computadoras port√°tiles, tabletas y dispositivos m√≥viles despu√©s de su publicaci√≥n.

    Aunque ha habido algunos complementos √ļtiles para agregar favoritos a lo largo de los a√Īos, el equipo de WP ha hecho un trabajo fant√°stico al integrar esta funci√≥n en el Personalizador. En estos d√≠as no podr√≠a ser m√°s f√°cil.

    Si desea continuar mejorando el dise√Īo de su sitio web, consulte mi art√≠culo sobre consejos de dise√Īo para mejorar la apariencia del sitio web:

    9 reglas de dise√Īo simples para que su sitio web se vea mejor

    ¬ŅTe ha gustado esta publicaci√≥n? Use los botones a continuaci√≥n para compartirlo con otra persona.