Cómo agregar un favicon a su sitio web de WordPress

Favicon o el icono favorito es una pequeña imagen al lado del título de una página en una pestaña del navegador. Este ícono del sitio juega un papel esencial en el establecimiento de la identidad de su sitio. Si tiene un sitio web profesional, considere usar Favicon si aún no lo ha hecho. Aquí, discutiremos su importancia y las cosas que debemos considerar al preparar una. También le mostraremos tres formas de agregar un Favicon a su sitio web de WordPress. ¿Por qué deberías usar un Favicon? Para demostrar la importancia de los favicones, eche un vistazo a la captura de pantalla a continuación.

Como puede ver, cada pestaña tiene diferentes iconos que diferencian las páginas web que visita. Cuando tienes muchas pestañas en tu navegador, Favicon te ayuda a identificar estas páginas. Como resultado, crea una mejor experiencia para el usuario. Un favicon no solo es útil en las pestañas del navegador. Cuando los usuarios agregan un pedido rápido a la página en la pantalla de inicio móvil o de escritorio, el Favicon se mostrará en la pantalla. Además, los favicones pueden funcionar de manera similar a un logotipo. Cuando las personas lo ven, reconocerán instantáneamente su sitio web y marca. Preparación de Favicon La forma más rápida y fácil de crear un favicon es usar generadores de favicon. No necesita tener conocimiento técnico, porque la mayoría ofrece imágenes listas para usar que solo necesita cambiar.
Considere y use el logotipo de su marca, pero asegúrese de que se pueda cortar en un icono cuadrado. También debe verse lo suficientemente simple como para que pueda verlo claramente, a pesar de su pequeño tamaño. Use programas de edición de imágenes como Photoshop, DesignWizard o GIMP para modificar y cambiar el tamaño del logotipo. Para el formato de imagen, se recomienda usar un archivo ICO, porque la mayoría de los navegadores lo aceptan. Sin embargo, no todos los programas de edición de fotos le permiten crear archivos ICO. Por lo tanto, es mejor usar generadores de favicon en línea que ofrecen la opción. O, guarde la imagen como PNG y use un convertidor ICO en línea. Por lo general, el tamaño debe ser de 16 x 16 píxeles. Si usa la función de icono del sitio WordPress 4.3, no tiene que preocuparse por la conversión de imagen. Ahora puede cargar cualquier archivo de imagen como un favicon. No importa, siempre asegúrese de que se pueda ver en cualquier navegador después de cargarlo. 3 formas de agregar un favicon a su sitio de WordPress Hay tres formas en que puede agregar un favicon a su sitio, elija la opción que prefiera. Opción 1: Customizador de WordPress para usuarios de WordPress 4.3, el uso del icono del sitio es la forma más conveniente y recomendada de agregar Favicon.
Prepare una imagen cuadrada que tenga al menos 512 píxeles tanto en altura como en ancho. El archivo no debe exceder los 128 MB. Si tiene una imagen rectangular, le permitirán cortarla mientras carga el favicon. Una vez que la imagen esté lista, siga estos pasos: 1. Abra el tablero de WordPress, acceda a la apariencia y seleccione la personalización. 2. Busque una pestaña que contenga el icono del sitio. La mayoría de los temas lo tendrían en la identidad del sitio, pero algunos cambian el nombre de la pestaña para el título del sitio, el nombre de la marca, el logotipo y el encabezado del sitio, etc.3. Seleccione el icono del sitio y elija una imagen de su biblioteca de medios o cargue un archivo nuevo.
4. Serás conducido al editor de imágenes de cultivo. Ajuste la posición y las proporciones como desee.

5. ¡Felicitaciones! Deberías tener un nuevo favicon. Si aún no ha aparecido, WordPress recomienda limpiar su caché y reiniciar su navegador.
Opción 2: Uso de complementos Si no ha actualizado WordPress, puede usar complementos para agregar un Favicon. Algunos complementos le brindan más control sobre cómo se ve Favicon en los dispositivos que no son de Desktop. Por ejemplo, Favicon de Realfavicongnerator le brinda la opción de personalizar la apariencia del icono en diferentes sistemas operativos.

Para usar el complemento, revise estos pasos:

Vaya a complementos y haga clic en Agregar nuevo al panel de WordPress.
Busque en Favicon de Realfavicnerator, luego instale y active el complemento.
Seleccione Look y haga clic en Favicon en el tablero. Cargue una imagen cuadrada que sea mayor de 70 x 70 píxeles. Idealmente, la imagen debe ser de 260 x 260 píxeles o más.
Serás redirigido a una página donde puedes establecer la apariencia de Favicon en iOS, Android Chrome, Windows y Safari. Luego haga clic en Generar el código Favicon y HTML. Además de este complemento, puede usar Favicon todo en uno. El complemento le permite establecer diferentes favicones para back-end y front-end. De esta manera, no se confundirá cuando el sitio y el tablero estén abiertos.
Opción 3: Instalación manual a través del cliente FTP Otro método es cargar manualmente el Favicon en su sitio web de WordPress. Para esto, debe conectar su sitio web a un cliente FTP como FileZilla. Su icono puede estar en formato ICO o PNG y debe llamarse Favicon. También se recomienda crear un tema infantil para usar este método. De esta manera, sus cambios de código no se eliminarán cuando hay una nueva actualización de base. Cuando su sitio está conectado, realiza estos pasos:
Cargue el archivo Favicon en la carpeta actual con su tema a través de su cliente FTP. Si usa un tema infantil, cárguelo en esa carpeta.

Agregue el mismo archivo al directorio raíz. Debe estar en la misma carpeta con WP-Content y WP-Admin. Esto es para asegurarse de que sus favicones se puedan ver en los lectores de alimentos.
En el tablero de WordPress, vaya a buscar y haga clic en el editor de tareas.
Ahora seleccione el archivo de encabezado del tema y agregue este código a continuación dentro de la etiqueta si tiene un archivo ICO:
! ?> /favicon.ico ” />
Reemplace la parte después de href = a /favicon.ico con la ruta al director de la raíz. Se vería así: <link re = "breve command icon" href = " Si tiene un archivo png, simplemente reemplace el formato de archivo. Luego. Actualice el archivo. 5. Actualice su sitio web. Si funciona, debe tener un nuevo Favicon hasta ahora. Para todos los métodos Mobil y agregar el sitio a la pantalla de inicio. Aunque son pequeños, los favicons pueden aumentar el reconocimiento de marca y crear un mejor usuario Experiencia. Puede usar generadores de favicon en línea o cualquier opción de software de edición de imágenes para crear su propio Favicon. Si ya tiene uno, agrégalo a su sitio de WordPress utilizando cualquiera de los tres métodos anteriores. ¡Buena suerte! Lea más complementos y temas populares Para sitios web de LMS WordPress