¿Necesita saber cómo agregar un Favicon de WordPress con facilidad? Descúbrelo siguiendo este tutorial
Un favicon es un pequeño icono cuadrado que representa su sitio web. Suele aparecer junto al título del sitio web en la pestaña del navegador. Un favicon también aparece en el historial de su navegador, marcadores y en cualquier lugar donde su sitio web necesite una identidad visual.
Este pequeño detalle es fundamental para tu identidad online. Discutiremos el favicon de WordPress y cómo agregar uno a su sitio web de WordPress.
Pero antes de empezar, si nunca ha instalado WordPress, averigüe ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
Por qué es importante agregar un Favicon a su sitio web
Un Favicon es básicamente la identificación de su sitio web; por lo tanto, es más probable que su logotipo aparezca allí. Ignorar su presencia en su sitio web es de hecho un error.
Aquí hay algunas razones por las que un favicon es vital para su sitio web.
- Destaca como el reconocimiento de marca
La mayoría de los usuarios tienden a abrir varias pestañas en su navegador. Sin un favicon, solo puede ver la página o el nombre de la publicación en la pestaña del navegador. Además, si abre más de 20 pestañas, se acortan y es difícil identificar qué pestaña representa qué sitio web.
Tener un favicon ayuda a los usuarios a detectar cada pestaña más fácilmente. Si su favicon se destaca, no solo mejorará su visibilidad sino también su experiencia de usuario. - Generar confianza
Dará a sus usuarios una mala primera impresión si no tiene un favicon. Un sitio web sin favicon no parece profesional.
Si está creando un sitio web solo para blogs diarios, no tener un favicon puede ser irrelevante. Pero se vuelve esencial cuando administra un sitio web comercial o una tienda en línea.
Su visitantes no confiará en ninguna transacción en un sitio web que no parezca profesional. - Mejorando la experiencia móvil
Esta es la era de la experiencia móvil. Tener un sitio web receptivo puede no ser suficiente para deleitar a los usuarios móviles, principalmente porque las aplicaciones web están en aumento en este momento.
Los usuarios simplemente pueden marcar un sitio web en la pantalla de inicio de su teléfono. ¡No más escribir URL!
En esta situación, tener un favicon bien hecho te servirá de dos maneras diferentes. En primer lugar, el favicon se utilizará como icono de la aplicación y, en segundo lugar, las personas que utilicen su aplicación web recordarán su icono. Por lo tanto, su favicon estará asociado con su sitio web.
Creación de Favicon para WordPress
Por lo general, su favicon es el logotipo de su marca. Para la imagen, WordPress recomienda que uses un cuadrado, ya sea 512px x 512px.
Puede usar una imagen más grande, pero lo más probable es que WordPress requiera que la recorte para que se ajuste al tamaño.
Para crear una imagen del tamaño exacto de 512 píxeles x 512 píxeles, puede usar cualquier software de edición de imágenes como que Adobe Photoshop (pagado) y Gimp (gratis) o generadores de favicon
Aunque puede elegir un color de fondo para su favicon de WordPress, se prefiere la transparencia. Puedes usar los formatos . Jpeg,.ico, .gif ou .png (solo asegúrese de usar el formato .png si está utilizando un fondo transparente).
Una vez que la imagen esté lista, puede agregarla a su sitio web de WordPress utilizando uno de estos tres métodos:
1. Agregar un Favicon de WordPress a través del Personalizador de WordPress
Desde la versión de WordPress 4.3, simplemente puede agregar un favicon de WordPress desde su área de administración. Para hacer esto, siga los pasos a continuación:
- Acceso a vuestra panel de administración
- Pase el mouse sobre Apariencia -> Personalizar
- Choisir identidad del sitio web
- Cliquez sur el botón Seleccionar un foto debajo la sección Icono del sitio
- Sube tu favicon que ha sido preparado
- Cliquez sur el botón Publicar para guardar el cambio.
Si realiza el proceso correctamente, su favicon aparecerá junto al título de su sitio web. Para configurar esto en un dispositivo móvil, visite su sitio web desde su teléfono y seleccione Añadir a la pantalla principal.
Su favicon ahora aparecerá en su pantalla de inicio.
2. Agregue un Favicon al sitio web con un complemento de WordPress
También puede agregar un favicon a WordPress usando un complemento llamado Favicon por RealFaviconGenerator. Es fácil de usar y ofrece más funciones. Estos son los pasos necesarios:
- Accede a tu panel de administración
- Elegir Extensiones -> Agregar
- tipo Favicon por RealFaviconGenerator en el cuadro de búsqueda
- Instale y active el Plugin de WordPress
- Después de la activación, vaya a Apariencia -> Favicon
- Cargue la imagen que desea establecer como favicon. No necesita editar su imagen usando un software de edición de imágenes. El plugin lo hará por ti. Solo asegúrese de que su imagen tenga un tamaño de al menos 70 x 70px. Es incluso mejor si es mayor que 260 260 px x.
- Una vez que hayas subido la imagen, presiona el botón Generar favicon.
- Después de hacer clic en el botón, el complemento lo llevará al sitio web RealFaviconGenerador.
- En el sitio web, busque y haga clic en Genera tus Favicons y código HTML.
- El complemento lo llevará de regreso a su sitio web. Recibirá una notificación de que su favicon ha sido configurado.
- Compruebe cómo se ve su favicon en su navegador y dispositivo móvil.
3. Agregue manualmente un Favicon de WordPress a un sitio web
Recomendamos probar esto en su sitio web de desarrollo local antes de que se publique.
- Accede a tus archivos de temas a través de un cliente FTP o un administrador de archivos
- Encuentra la carpeta
/wp-content/themes/votre-theme - Sube tu favicon a tu carpeta de temas. Se recomienda descargarlo en una subcarpeta como Activos
- Recuerda esta ruta de archivo
- Busque un archivo llamado functions.php y agregue el siguiente código:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');- la linea despues
href="'.get_template_directory_uri()debe ser el camino a su favicon. También asegúrese de tener el nombre de archivo correcto. Si está utilizando un formato archivo .ico, será este:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
add_action('wp_head', 'add_favicon');¡Tener un favicon es imprescindible! Especialmente cuando es tan fácil de crear. Un favicon representa la identidad de su sitio web. Puede que solo ocupe un pequeño espacio en su sitio web, pero este pequeño detalle tiene un papel especial para mejorar el reconocimiento de su marca y la experiencia del usuario.
Otros recursos recomendados
También le invitamos a consultar la Recursos a continuación para tomar más propiedad y control de su sitio web y blog.
- Cómo agregar autenticación de Gmail en WordPress
- Cómo eliminar un tema de WordPress de un sitio web
- Cómo configurar tu página de inicio en WordPress
- Elementor: Cómo agregar un efecto de sonido de botón
- Cómo crear plantillas personalizadas de WordPress
Conclusión
Eso es todo por este tutorial que explica cómo agregar un Favicon en WordPress. Si tiene alguna inquietud o sugerencia, háganoslo saber dentro de comentarios.
Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
