Cómo añadir iconos de tipo de archivo adjunto en WordPress (Tutorial fácil)

Recientemente, uno de nuestros lectores preguntó si era posible mostrar iconos de archivos adjuntos en WordPress. Puedes mostrar fácilmente distintos iconos para que los usuarios sepan qué tipo de archivo están descargando de tu sitio web.

En WPBeginner, utilizamos diferentes iconos en nuestro sitio, desde iconos sociales hasta iconos que muestran registros de correo electrónico, logotipos de WordPress, configuraciones y más. Por lo tanto, sabemos un par de cosas acerca de la adición de diferentes tipos de iconos en WordPress.

En este artículo, le mostraremos cómo añadir iconos de archivos adjuntos en WordPress.

Cuando necesite iconos de archivos adjuntos en WordPress

Por defecto, WordPress permite subir imágenes, audio, vídeo y otros documentos. También puedes habilitar tipos de archivo adicionales para subirlos en WordPress.

Cuando suba un archivo a través del cargador multimedia y lo añada a una entrada o página, WordPress intentará incrustar el archivo como si fuera una imagen, audio, vídeo o en un formato de archivo compatible.

Para todos los demás archivos, sólo añadirá un nombre de archivo como texto sin formato y lo enlazará a la página de descarga o de archivos adjuntos.

En la captura de pantalla anterior, hemos añadido un archivo PDF y un archivo Docx. Sin embargo, es difícil que un usuario adivine qué tipo de archivo estaría descargando.

Si sube regularmente distintos tipos de archivos, puede que le interese mostrar un icono junto al enlace. De este modo, los usuarios podrán encontrar fácilmente el tipo de archivo que buscan.

Dicho esto, veamos cómo añadir iconos de archivos adjuntos en WordPress para diferentes tipos de archivos.

Método 1: Añadir iconos de archivos adjuntos en WordPress usando un plugin

La forma más sencilla de añadir iconos de tipos de archivo es utilizando un plugin de WordPress como MimeTypes Link Icons. Es un plugin gratuito muy fácil de usar que permite añadir iconos para diferentes tipos de archivos.

Lo primero que tienes que 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.

Tras la activación, debe visitar la página Configuración ” Iconos MimeType para configurar los ajustes del plugin.

El plugin permite elegir el tamaño del icono, así como entre iconos PNG y GIF. A continuación, tienes que elegir la alineación del icono y qué tipos de archivo mostrará el icono.

A continuación, puede desplazarse hacia abajo y seleccionar los iconos que desea mostrar en su sitio web. Por ejemplo, hay iconos para tipos de archivo como PDF, PPT, CSV, AVI, RPM, TXT, etc.

A continuación, desplácese hasta la sección Configuración avanzada.

Aquí encontrará la opción de 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 la configuración.

Ahora puedes editar una entrada o página y añadir un enlace de descarga de archivos utilizando el cargador multimedia. Solo tienes que previsualizar la 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, utilizaremos una fuente de iconos para mostrar un icono junto al enlace del archivo adjunto.

Lo primero que tienes que 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 Configuración ” Font Awesome desde el panel de control de WordPress. Aquí puedes editar la configuración general del plugin, como elegir si debe utilizar iconos gratuitos o profesionales.

A continuación, puede editar una entrada o página en la que desee añadir un enlace adjunto.

Una vez en el editor de contenidos, debe introducir el código HTML del icono que desea mostrar.

Para encontrar ese código HTML, puedes visitar el sitio web de la biblioteca de iconos Font Awesome. Solo tienes que buscar un icono en la barra de búsqueda y hacer clic en la imagen.

A continuación, verá diferentes variaciones del icono y su código HTML.

Haz clic en el código para copiarlo.

Después de eso, puede volver al editor de contenido de WordPress de su sitio web y hacer clic en el signo “+” para añadir un bloque HTML personalizado.

A partir de aquí, sólo tienes que pegar el código de tu icono en el bloque.

Una vez que haya terminado, siga adelante y publique o actualice su página.

Ahora puede visitar su sitio web para ver el icono recién añadido para el tipo de archivo adjunto.

Bonificación: Vender archivos digitales para ganar dinero en Internet

Ahora que ya sabes cómo añadir iconos de tipo de archivo adjunto, puedes ir un paso más allá y vender diferentes archivos como descargas digitales. Esto le permite ganar dinero en línea o animar a los usuarios a suscribirse a su boletín de noticias a cambio de un recurso gratuito.

La mejor manera de vender productos digitales es utilizando Easy Digital Downloads. Es una de las mejores plataformas de comercio electrónico para WordPress, y es muy fácil de usar y configurar.

Easy Digital Downloads se integra fácilmente con diferentes servicios de pago como PayPal y Stripe.

Además, sólo tienes que subir los archivos digitales que quieras vender y empezar a ganar dinero por Internet.

El complemento le permite añadir detalles como un título y una descripción, establecer el precio de la descarga, elegir una imagen de descarga y mucho más.

Para más detalles, consulte nuestra guía sobre cómo vender descargas digitales en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo añadir iconos de archivos adjuntos en WordPress. También puedes consultar nuestra guía sobre cómo incrustar archivos PDF, hojas de cálculo y otros archivos en entradas de blog de WordPress y nuestra selección de los mejores plugins de registro y seguimiento de actividad de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.