Más

    Cómo agregar íconos de tipo de archivo adjunto en WordPress (tutorial sencillo)

    - Advertisement -

    ¿Alguna vez 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 íconos de archivos adjuntos en WordPress. Puede mostrar fácilmente diferentes íconos para que los usuarios sepan qué tipo de archivo están descargando.

    En este artículo, le mostraremos cómo agregar íconos de archivos adjuntos en WordPress.


    Cuando necesita íconos de archivos adjuntos en WordPress

    De forma predeterminada, WordPress le permite cargar imágenes, audio, video y otros documentos. También puede habilitar la carga de 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 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 sin formato y lo vinculará a la página de descarga o archivo adjunto.

    Ver enlaces de descarga

    En la captura de pantalla anterior, agregamos un archivo PDF y Docx. Sin embargo, es difícil para un usuario adivinar qué tipo de archivo descargaría.

    Si carga regularmente diferentes tipos de archivos, es posible que desee mostrar un icono junto al enlace. De esta manera, sus usuarios podrán encontrar fácilmente el tipo de archivo que buscan.

    Dicho esto, veamos cómo agregar íconos de archivos adjuntos en WordPress para diferentes tipos de archivos.

    Método 1: agregar íconos de archivos adjuntos en WordPress usando el complemento

    La forma más sencilla de agregar íconos de tipos de archivos es mediante el uso de un complemento de WordPress como MimeTypes Link Icons. Es un complemento gratuito que es muy fácil de usar y te permite agregar íconos para diferentes tipos de archivos.

    Lo primero que debes 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 el Configuración » Iconos MimeType página para configurar los ajustes del complemento.

    Configuración general de tipo Mime

    El complemento le permite elegir el tamaño del ícono, así como entre íconos PNG y GIF. A continuación, debe elegir la alineación del ícono y qué tipos de archivos mostrarán el ícono.

    Después de eso, puede desplazarse hacia abajo y seleccionar íconos para mostrar en su sitio web. Por ejemplo, hay íconos para tipos de archivos como PDF, PPT, CSV, AVI, RPM, TXT y más.

    Seleccionar iconos de tipo de archivo

    A continuación, puede desplazarse hacia abajo hasta la sección Configuración avanzada.

    Aquí 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.

    Tipo MIME de configuración avanzada

    Una vez que haya terminado, 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. Simplemente obtenga una vista previa de su publicación y verá el ícono de archivo al lado del enlace de descarga.

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

    En este método, usaremos una fuente de ícono para mostrar un ícono al lado del enlace del archivo adjunto.

    Lo primero que debes hacer es instalar y activar el Fuente impresionante enchufar. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

    Tras la activación, puede dirigirse a la Configuración » Fuente impresionante página desde su panel de WordPress. Aquí puedes editar la configuración general del complemento, como elegir si debe usar íconos profesionales o gratuitos.

    Configuraciones impresionantes de fuentes

    A continuación, puede editar una publicación o página en la que desee agregar un enlace adjunto.

    Una vez que estés en el editor de contenidos, deberás ingresar el código HTML del ícono que deseas mostrar.

    Para encontrar ese código HTML, puedes visitar Font Awesome biblioteca de iconos sitio web. Simplemente busque un ícono en la barra de búsqueda y luego haga clic en la imagen.

    Buscar icono de fuente

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

    Continúe y haga clic en el código para copiarlo.

    Copia el código del icono

    Después de eso, puede regresar al editor de contenido de WordPress de su sitio web y hacer clic en el signo ‘+’ para agregar un bloque HTML personalizado.

    Desde aquí, simplemente pega el código de tu ícono en el bloque.

    Agregar bloque HTML personalizado

    Una vez que haya terminado, continúe y publique o actualice su página.

    Ahora puede visitar su sitio web para ver el ícono recién agregado para el tipo de archivo adjunto.

    Ver icono de tipo de archivo adjunto
    Bonificación: venda archivos digitales para ganar dinero en línea

    Ahora que sabe cómo agregar íconos de tipo de archivo adjunto, puede 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 a cambio de un recurso gratuito.

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

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

    Cómo aceptar pagos en línea con Easy Digital Downloads

    Además de eso, simplemente puedes cargar los archivos digitales que quieras vender y comenzar a ganar dinero en línea.

    El complemento le 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.

    Agregar un nuevo producto de descarga digital

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

    Esperamos que este artículo le haya ayudado a aprender cómo agregar íconos de archivos adjuntos en WordPress. Es posible que también desee ver nuestra guía sobre cómo incrustar archivos PDF, hojas de cálculo y otros archivos en publicaciones de blog de WordPress y los mejores complementos de WordPress para pequeñas empresas.

    Si te gustó este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.


    Fuente: Cómo agregar íconos de tipo de archivo adjunto en WordPress (tutorial sencillo)

    Populares

    Más de esta categoría

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aquí

    Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.