Nuestros lectores a menudo nos preguntan si es posible mostrar iconos de archivos adjuntos en WordPress. Agregar iconos de archivo puede ayudar a los usuarios a identificar el tipo de archivo que están descargando de un vistazo.
Usar iconos de archivos adjuntos es una forma sencilla de hacer que tu sitio web sea más fácil de usar. Agrega señales visuales que ayudan a los visitantes a comprender mejor tu contenido.
En WPBeginner, hemos utilizado varios iconos en todo nuestro sitio para mejorar la experiencia del usuario. Desde iconos de redes sociales hasta archivos adjuntos, los iconos hacen que la navegación sea más clara e intuitiva.
En esta guía, te mostraremos cómo agregar fácilmente iconos de archivos adjuntos en WordPress. Con nuestros pasos, puedes mostrar iconos de archivo que coincidan con el tipo de archivos en tu sitio.
Cuándo necesitas iconos de archivos adjuntos en WordPress
Por defecto, WordPress te permite subir imágenes, audio, video y otros documentos. También puedes habilitar tipos de archivo adicionales para subir en WordPress.
Cuando subes un archivo a través del cargador de medios y lo agregas a una publicación o página, WordPress intentará incrustar el archivo como si fuera una imagen, audio, video o en un formato de archivo compatible.
Para todos los demás archivos, simplemente agregará un nombre de archivo como texto plano y lo enlazará a la página de descarga o adjunto.
En la captura de pantalla anterior, hemos agregado un archivo PDF y un archivo Docx. Sin embargo, es difícil para un usuario adivinar qué tipo de archivo estaría descargando.
Si subes regularmente diferentes tipos de archivo, entonces es posible que desees mostrar un icono junto al enlace. De esta manera, tus usuarios pueden encontrar fácilmente el tipo de archivo que están buscando.
Dicho esto, veamos cómo agregar iconos de archivos adjuntos en WordPress para diferentes tipos de archivo.
Método 1: Agregar iconos de archivos adjuntos en WordPress usando un plugin
La forma más fácil de agregar iconos de tipos de archivo es usando un plugin de WordPress como MimeTypes Link Icons. Es un plugin gratuito que es muy fácil de usar y te permite agregar iconos para diferentes tipos de archivo.
Lo primero que debes hacer es instalar y activar el plugin MimeTypes Link Icons. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
ℹ️Nota: La página de descargas del plugin puede indicar que no ha sido probado o actualizado en un tiempo. Lo probamos en nuestros sitios de demostración y encontramos que funciona como se esperaba. Por favor, lee nuestro artículo sobre instalar plugins que no han sido probados con tu versión de WordPress.
Tras la activación, debes visitar la página Ajustes » Iconos de MimeType para configurar los ajustes del plugin.
El plugin te permite elegir el tamaño del icono, así como entre iconos PNG y GIF. A continuación, debes elegir la alineación del icono y qué tipos de archivo mostrarán el icono.
Después de eso, puedes desplazarte hacia abajo y seleccionar los iconos que se mostrarán en tu sitio web. Por ejemplo, hay iconos para tipos de archivo como PDF, PPT, CSV, AVI, RPM, TXT, y más.
A continuación, puedes desplazarte hacia abajo hasta la sección de Ajustes Avanzados.
Aquí encontrarás la opción para mostrar el tamaño del archivo junto al enlace de descarga. Está desactivada por defecto, ya que podría consumir muchos recursos.
Una vez que hayas terminado, recuerda hacer clic en el botón ‘Guardar Cambios’ para guardar tu configuración.
Ahora puedes editar una entrada o página y agregar un enlace de descarga de archivos usando el cargador de medios. Simplemente previsualiza tu entrada y verás el icono del archivo junto al enlace de descarga.
Método 2: Usar fuentes de iconos para archivos adjuntos en WordPress
En este método, usaremos una fuente de iconos para mostrar un icono junto al enlace del archivo adjunto.
Lo primero que necesitas hacer es instalar y activar el plugin Font Awesome. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
Tras la activación, puedes dirigirte a la página Ajustes » Font Awesome desde tu panel de WordPress. Aquí, puedes editar los ajustes generales del plugin, como elegir si debe usar iconos pro o gratuitos.
A continuación, puedes editar una publicación o página donde quieras añadir un enlace de adjunto.
Una vez que estés en el editor de contenido, debes introducir el código HTML del icono que deseas mostrar.
Para encontrar ese código HTML, puedes visitar el sitio web de la biblioteca de iconos de Font Awesome. Simplemente busca un icono en la barra de búsqueda y luego haz clic en la imagen.
A continuación, verás diferentes variaciones del icono y su código HTML.
Haz clic en el código para copiarlo.
Después de eso, puedes volver al editor de contenido de WordPress de tu sitio web y hacer clic en el signo '+' para añadir un bloque de HTML personalizado.
Desde aquí, simplemente pega el código de tu icono en el bloque.
Una vez que hayas terminado, procede a publicar o actualizar tu página.
Ahora puedes visitar tu sitio web para ver el icono recién añadido para el tipo de archivo adjunto.
Extra: Vende archivos digitales para ganar dinero en línea
Ahora que sabes cómo agregar iconos de tipos de archivo adjuntos, puedes ir un paso más allá y vender diferentes archivos como descargas digitales. Esto te permite ganar dinero en línea o animar a los usuarios a registrarse en tu boletín a cambio de un recurso gratuito.
La mejor manera de vender productos digitales es usando Easy Digital Downloads. Es una de las mejores plataformas de comercio electrónico para WordPress, y es muy fácil de usar y configurar.
Lo usamos para algunos de nuestros negocios. Puedes obtener más información al respecto en nuestra reseña completa de Easy Digital Downloads.
Easy Digital Downloads se integra fácilmente con diferentes servicios de pago como PayPal y Stripe.
Además de eso, simplemente puedes subir los archivos digitales que te gustaría vender y empezar a ganar dinero en línea.
El plugin te permite agregar detalles como un título y una descripción, establecer el precio de la descarga, elegir una imagen de descarga y más.
Para más detalles, por favor consulta nuestra guía sobre cómo vender descargas digitales en WordPress.
Recursos Adicionales:
Los siguientes son algunos recursos útiles adicionales que pueden resultarte útiles para administrar tu sitio web y medios de WordPress:
- Cómo usar WordPress para la gestión de documentos o archivos
- Cómo encontrar tus borradores guardados en WordPress (Guía para principiantes)
- Cómo subir archivos PDF a tu sitio de WordPress
- Cómo conectar múltiples sitios de WordPress entre sí (3 formas)
Esperamos que este artículo te haya ayudado a aprender cómo agregar íconos de archivos adjuntos en WordPress. También te puede interesar nuestra guía sobre cómo incrustar PDFs, hojas de cálculo y otros archivos en las publicaciones de blog de WordPress y nuestra selección experta de los mejores plugins de registro y seguimiento de actividad de WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Mrteesurez
¡Este tutorial es útil! Agregar íconos de tipo de archivo realmente mejora la experiencia del usuario, facilitando a los visitantes la identificación de los archivos adjuntos justo antes de descargarlos.
Lo he implementado en mi sitio y al instante hizo que mi contenido se viera más profesional. Tu guía paso a paso hace que el proceso sea muy sencillo. Quiero preguntar, ¿cómo afecta la adición de íconos al tiempo de carga de la página de mi sitio?
Soporte de WPBeginner
No debería tener un efecto importante en la velocidad de tu sitio.
Administrador
Mrteesurez
Gracias por la respuesta. Pregunté porque usar íconos a menudo requiere descargar o cargar bibliotecas de fuentes como Font Awesome o Google Fonts, lo que puede afectar la velocidad de un sitio web. Agradezco que me hagas saber que no tiene un gran efecto en la velocidad de mi sitio.
Isha Singh
No estoy familiarizado con WordPress. Pero mientras leo tu publicación, parece que sé todo sobre WordPress.
Enc
¿Estás recomendando seriamente un plugin que no se ha actualizado en un año?
Soporte de WPBeginner
Sí, lo estamos. Por favor, consulta nuestro artículo deberías instalar plugins no probados con tu versión de WordPress para más información sobre este tema.
Administrador