¿Ha visto sitios web que muestran iconos 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 necesita 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 un formato de archivo compatible.
Para todos los demás archivos, simplemente agregará un nombre de archivo como texto sin formato y lo vinculará a la página de descarga o archivo adjunto.
En la captura de pantalla anterior, hemos agregado un archivo PDF y 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 ícono junto al enlace, para que sus usuarios puedan encontrar fácilmente el tipo de archivo que están buscando.
Dicho esto, veamos cómo agregar íconos 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 debe hacer es instalar y activar el Iconos de enlace MimeTypes enchufar. 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 complemento.
El complemento le permite elegir el tamaño del icono. También puede elegir entre 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.
Debajo 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 consumir muchos recursos. Sin embargo, si lo desea, puede habilitarlo y también habilitar la opción de ‘Caché de tamaños de archivo recuperados’.
No olvide hacer clic en el botón Guardar cambios para almacenar su configuración.
Ahora puede editar una publicación o página y agregar un enlace de descarga de archivos usando el cargador de medios. Obtenga una vista previa de su publicación y verá 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, utilizaremos una fuente de icono para mostrar un icono junto al enlace del archivo adjunto.
Lo primero que debe hacer es instalar y activar el Mejor fuente impresionante enchufar.
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 íconos y tiene íconos para los tipos de archivos más utilizados. Haga clic en el icono que desea agregar y el complemento agregará automáticamente el código abreviado requerido en el editor de publicaciones.
Ahora puede cargar su archivo e insertarlo en la publicación usando el cargador de medios.
También puede agregar su propio CSS personalizado para un ícono de archivo agregando su propia clase css al código abreviado de esta manera:
[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 le haya ayudado a aprender cómo agregar iconos de archivos adjuntos en WordPress. Es posible que también desee ver nuestra guía sobre cómo incrustar PDF, hojas de cálculo y otros en las publicaciones del blog de WordPress.
.