Cómo agregar iconos de tipo de archivo adjunto en WordPress

¿Has visto sitios web que muestran íconos de archivos junto a los enlaces de descarga? Recientemente, uno de nuestros lectores preguntó si era posible mostrar iconos de archivos adjuntos en WordPress. Sí, lo es, y es bastante fácil. En este artículo, le mostraremos cómo agregar iconos de archivos adjuntos en WordPress.

Cuando necesites iconos de archivos adjuntos en WordPress

De forma predeterminada, WordPress le permite cargar imágenes, audio, video y otros documentos. También puede permitir que se carguen tipos de archivos adicionales en WordPress.

Cuando carga un archivo a través del cargador de medios y lo agrega a una publicación o página, WordPress intentará incrustar el archivo si es una imagen, audio, video o en un formato de archivo compatible.

Para todos los demás archivos, solo agregará un nombre de archivo como texto sin formato y lo vinculará a la página de descarga o adjunta.

En la captura de pantalla anterior, hemos agregado un PDF y un archivo Docx. Sin embargo, es difícil para un usuario adivinar qué archivo está descargando.

Si carga regularmente diferentes tipos de archivos, es posible que desee mostrar un icono junto al enlace, para que los usuarios puedan 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 archivos.

Método 1: Agregue iconos de archivos adjuntos en WordPress usando el complemento

Lo primero que debes hacer es instalar y activar el complemento Iconos de enlace de MimeTypes. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

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

El plugin te permite elegir el tamaño del icono. También puedes elegir entre los iconos png y gif. A continuación, debe elegir la alineación del icono y qué tipos de archivos mostrarán el icono.

En las opciones avanzadas, puede habilitar las clases CSS para ocultar iconos. Los enlaces de descarga de archivos envueltos en estas clases de CSS no mostrarán los iconos.

A continuación encontrará la opción para mostrar el tamaño del archivo junto al enlace de descarga. Está desactivado de forma predeterminada, ya que podría requerir muchos recursos. Sin embargo, si lo desea, puede habilitarlo y también habilitar la opción 'Almacenar en caché el tamaño de los archivos recuperados'.

No olvide hacer clic en el botón Guardar cambios para almacenar sus configuraciones.

Ahora puede editar una publicación o página y agregar un enlace de descarga de archivos usando el cargador de medios. Previsualiza tu publicación y verás el icono del archivo junto al enlace de descarga..

Método 2: uso de fuentes de iconos para archivos adjuntos en WordPress

En este método, usaremos una fuente de icono para mostrar un icono junto al enlace del archivo adjunto.

Lo primero que debes hacer es instalar y activar el complemento Better Font Awesome.

Tras la activación, puede editar una publicación o página donde desee agregar un enlace adjunto.

Notará el nuevo botón 'Insertar icono' en la parte superior del editor de publicaciones. Al hacer clic en él, aparecerá una ventana emergente donde puede buscar y seleccionar el icono que desea agregar..

Font Awesome viene con toneladas de iconos y tiene iconos para los tipos de archivos más utilizados. Haga clic en el icono que desea agregar y el complemento agregará automáticamente el shortcode requerido en el editor de publicaciones..

Ahora puede cargar su archivo e insertarlo en la publicación usando el cargador de medios.

También puedes agregar tu propio CSS personalizado para un ícono de archivo agregando tu propia clase de css al shortcode como esto:

[icon name = ”file-pdf-o” class = ”” unprefixed_class = ”pdf-icon”]

Ahora puedes usar .pdf-icon Clase para cambiar el tamaño del icono, el color y el estilo según sus propias necesidades..

Esperamos que este artículo te haya ayudado a aprender cómo agregar íconos de archivos adjuntos en WordPress. También puede consultar nuestra guía sobre cómo incrustar PDF, hojas de cálculo y otros en las publicaciones del blog de WordPress..

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..