Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come aggiungere icone per i tipi di file allegati in WordPress (Tutorial facile)

I nostri lettori ci chiedono spesso se sia possibile mostrare le icone dei file allegati in WordPress. L'aggiunta di icone ai file può aiutare gli utenti a identificare a colpo d'occhio il tipo di file che stanno scaricando.

L'utilizzo di icone per i file allegati è un modo semplice per rendere il tuo sito web più facile da usare. Aggiunge indizi visivi che aiutano i visitatori a comprendere meglio i tuoi contenuti.

Su WPBeginner, abbiamo utilizzato varie icone in tutto il nostro sito per migliorare l'esperienza utente. Dalle icone dei social media agli allegati di file, le icone rendono la navigazione più chiara e intuitiva.

In questa guida, ti mostreremo come aggiungere facilmente icone ai file allegati in WordPress. Con i nostri passaggi, puoi visualizzare icone di file che corrispondono al tipo di file sul tuo sito.

Come aggiungere icone per i tipi di file allegati in WordPress

Quando hai bisogno di icone per i file allegati in WordPress

Per impostazione predefinita, WordPress ti consente di caricare immagini, audio, video e altri documenti. Puoi anche abilitare tipi di file aggiuntivi da caricare in WordPress.

Quando carichi un file tramite l'uploader multimediale e lo aggiungi a un post o a una pagina, WordPress tenterà di incorporare il file come se fosse un'immagine, un audio, un video o in un formato di file supportato.

Per tutti gli altri file, aggiungerà semplicemente il nome del file come testo normale e lo collegherà alla pagina di download o di allegato.

Visualizza link per il download

Nello screenshot sopra, abbiamo aggiunto un file PDF e un file Docx. Tuttavia, è difficile per un utente indovinare quale tipo di file starebbe scaricando.

Se carichi regolarmente diversi tipi di file, potresti voler visualizzare un'icona accanto al link. In questo modo, i tuoi utenti potranno trovare facilmente il tipo di file che stanno cercando.

Detto questo, vediamo come aggiungere icone per i file allegati in WordPress per diversi tipi di file.

Metodo 1: Aggiungere icone per i file allegati in WordPress utilizzando un plugin

Il modo più semplice per aggiungere icone per i tipi di file è utilizzare un plugin di WordPress come MimeTypes Link Icons. È un plugin gratuito molto facile da usare che ti permette di aggiungere icone per diversi tipi di file.

La prima cosa da fare è installare e attivare il plugin MimeTypes Link Icons. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.

ℹ️Nota: La pagina di download del plugin potrebbe indicare che non è stato testato o aggiornato da un po' di tempo. L'abbiamo testato sui nostri siti demo e abbiamo riscontrato che funziona come previsto. Ti invitiamo a leggere il nostro articolo su l'installazione di plugin non testati con la tua versione di WordPress.

Dopo l'attivazione, devi visitare la pagina Impostazioni » Icone MimeType per configurare le impostazioni del plugin.

Impostazioni generali Mimetype

Il plugin ti permette di scegliere la dimensione dell'icona, oltre a scegliere tra icone PNG e GIF. Successivamente, devi scegliere l'allineamento dell'icona e quali tipi di file visualizzeranno l'icona.

Dopodiché, puoi scorrere verso il basso e selezionare le icone da visualizzare sul tuo sito web. Ad esempio, ci sono icone per tipi di file come PDF, PPT, CSV, AVI, RPM, TXT e altro ancora.

Seleziona icone per tipo di file

Successivamente, puoi scorrere verso il basso fino alla sezione Impostazioni avanzate.

Qui troverai l'opzione per mostrare la dimensione del file accanto al link di download. È disattivata per impostazione predefinita, poiché potrebbe richiedere molte risorse.

Impostazioni avanzate mimetype

Una volta terminato, ricorda di fare clic sul pulsante 'Salva modifiche' per salvare le tue impostazioni.

Ora puoi modificare un post o pagina e aggiungere un link per il download di file utilizzando l'uploader multimediale. Semplicemente visualizza in anteprima il tuo post e vedrai l'icona del file accanto al link di download.

Visualizza icone per tipo di file

Metodo 2: Utilizzo di font icona per i file allegati in WordPress

In questo metodo, utilizzeremo un font icona per visualizzare un'icona accanto al link del file allegato.

La prima cosa da fare è installare e attivare il plugin Font Awesome. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin di WordPress.

Dopo l'attivazione, puoi accedere alla pagina Impostazioni » Font Awesome dalla tua bacheca di WordPress. Qui puoi modificare le impostazioni generali del plugin, come scegliere se utilizzare icone pro o gratuite.

Impostazioni Font Awesome

Successivamente, puoi modificare un articolo o una pagina in cui desideri aggiungere un link all'allegato.

Una volta nell'editor dei contenuti, devi inserire il codice HTML dell'icona che desideri visualizzare.

Per trovare quel codice HTML, puoi visitare il sito web della libreria di icone di Font Awesome. Cerca semplicemente un'icona nella barra di ricerca e poi fai clic sull'immagine.

Cerca icona font

Successivamente, vedrai diverse varianti dell'icona e il suo codice HTML.

Fai clic sul codice per copiarlo.

Copia il codice dell'icona

Dopodiché, puoi tornare all'editor dei contenuti di WordPress del tuo sito web e fare clic sul segno '+' per aggiungere un blocco HTML personalizzato.

Da qui, incolla semplicemente il codice della tua icona nel blocco.

Aggiungi un blocco HTML personalizzato

Una volta terminato, procedi e pubblica o aggiorna la tua pagina.

Ora puoi visitare il tuo sito web per vedere la nuova icona aggiunta per il tipo di file allegato.

Visualizza icona tipo di file allegato

Bonus: Vendi file digitali per guadagnare online

Ora che sai come aggiungere icone per i tipi di file allegati, puoi fare un passo avanti e vendere diversi file come download digitali. Questo ti permette di guadagnare online o incoraggiare gli utenti a iscriversi alla tua newsletter in cambio di una risorsa gratuita.

Il modo migliore per vendere prodotti digitali è utilizzare Easy Digital Downloads. È una delle migliori piattaforme eCommerce per WordPress, ed è molto facile da usare e configurare.

Lo utilizziamo per alcune delle nostre attività commerciali. Puoi saperne di più nella nostra recensione completa di Easy Digital Downloads.

Easy Digital Downloads si integra facilmente con diversi servizi di pagamento come PayPal e Stripe.

Come accettare pagamenti online con Easy Digital Downloads

Oltre a ciò, puoi semplicemente caricare file digitali che desideri vendere e iniziare a guadagnare online.

Il plugin ti consente di aggiungere dettagli come titolo e descrizione, impostare il prezzo del download, scegliere un'immagine per il download e altro ancora.

Aggiungere un nuovo prodotto in download digitale

Per maggiori dettagli, consulta la nostra guida su come vendere download digitali in WordPress.

Risorse bonus:

Di seguito sono riportate alcune risorse aggiuntive utili che potresti trovare utili nella gestione del tuo sito web e dei tuoi media WordPress:

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere icone per i file allegati in WordPress. Potresti anche voler consultare la nostra guida su come incorporare PDF, fogli di calcolo e altri file nei post del blog di WordPress e la nostra selezione di esperti dei migliori plugin per il log delle attività e il tracciamento di WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

6 CommentsLeave a Reply

  1. Questo tutorial è utile! L'aggiunta di icone per i tipi di file migliora davvero l'esperienza utente, rendendo più facile per i visitatori identificare gli allegati prima di scaricarli.
    Ho implementato questo sul mio sito e ha reso immediatamente il mio contenuto più professionale. La tua guida passo passo rende il processo così semplice. Vorrei chiedere come influisce l'aggiunta di icone sul tempo di caricamento delle pagine del mio sito?

    • Non dovrebbe avere un impatto significativo sulla velocità del tuo sito.

      Amministratore

      • Grazie per la risposta. Ho chiesto perché l'uso delle icone spesso richiede il download o il caricamento di librerie di font come Font Awesome o Google Fonts, che possono influire sulla velocità di un sito web. Apprezzo che tu mi abbia fatto sapere che non ha un impatto significativo sulla velocità del mio sito.

  2. Non ho familiarità con WordPress. Ma mentre sto leggendo il tuo post, sembra che io sappia tutto su WordPress.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.