Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere le icone dei tipi di file allegati in WordPress (Tutorial facile)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Avete mai visto siti web che mostrano icone di file accanto ai link di download?

Recentemente, uno dei nostri lettori ha chiesto se fosse possibile visualizzare le icone dei file allegati in WordPress. È possibile mostrare facilmente diverse icone in modo che gli utenti sappiano quale tipo di file stanno scaricando.

In questo articolo vi mostreremo come aggiungere le icone dei file allegati in WordPress.

How to add attachment file type icons in WordPress

Quando servono le icone dei file allegati in WordPress

Per impostazione predefinita, WordPress consente di caricare immagini, audio, video e altri documenti. È inoltre possibile abilitare il caricamento di altri tipi di file in WordPress.

Quando si carica un file attraverso il caricatore multimediale e lo si aggiunge a un post o a una pagina, WordPress cercherà di incorporare il file come se fosse un’immagine, un audio, un video o un formato di file supportato.

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

View download links

Nella schermata precedente, abbiamo aggiunto un file PDF e un file Docx. Tuttavia, è difficile per un utente indovinare il tipo di file da scaricare.

Se si caricano regolarmente diversi tipi di file, si consiglia di visualizzare un’icona accanto al link. In questo modo, gli utenti possono trovare facilmente il tipo di file che stanno cercando.

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

Metodo 1: Aggiungere le icone dei file allegati in WordPress utilizzando un plugin

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

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

Dopo l’attivazione, è necessario visitare la pagina Impostazioni ” Icone MimeType per configurare le impostazioni del plugin.

Mimetype general settings

Il plugin consente di scegliere la dimensione dell’icona e di scegliere tra icone PNG e GIF. È poi necessario scegliere l’allineamento delle icone e i tipi di file da visualizzare.

Successivamente, è possibile scorrere verso il basso e selezionare le icone da visualizzare sul proprio sito web. Ad esempio, sono disponibili icone per tipi di file come PDF, PPT, CSV, AVI, RPM, TXT e altri ancora.

Select file type icons

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

Qui si trova l’opzione per mostrare le dimensioni del file accanto al link di download. L’opzione è disattivata per impostazione predefinita, in quanto potrebbe essere dispendiosa in termini di risorse.

Advanced settings mimetype

Una volta terminato, non dimenticate di fare clic sul pulsante “Salva modifiche” per memorizzare le impostazioni.

È ora possibile modificare un post o una pagina e aggiungere un link per il download di un file utilizzando il caricatore di file multimediali. È sufficiente visualizzare l’anteprima del post per vedere l’icona del file accanto al link per il download.

View file type icons

Metodo 2: Usare i font delle icone per i file allegati in WordPress

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

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

Dopo l’attivazione, è possibile accedere alla pagina Impostazioni ” Font Awesome dalla dashboard di WordPress. Qui è possibile modificare le impostazioni generali del plugin, come ad esempio scegliere se utilizzare icone pro o free.

Font awesome settings

Successivamente, è possibile modificare un post o una pagina in cui si desidera aggiungere un collegamento all’allegato.

Una volta entrati nell’editor di contenuti, è necessario inserire il codice HTML dell’icona che si desidera visualizzare.

Per trovare il codice HTML, è possibile visitare il sito web della libreria di icone Font Awesome. Basta cercare un’icona nella barra di ricerca e poi fare clic sull’immagine.

Search for font icon

Successivamente, si vedranno diverse varianti dell’icona e del suo codice HTML.

Fate clic sul codice per copiarlo.

Copy the icon code

Dopodiché, si può tornare all’editor dei contenuti di WordPress del proprio sito web e fare clic sul segno “+” per aggiungere un blocco HTML personalizzato.

Da qui, è sufficiente incollare il codice dell’icona nel blocco.

Add custom HTML block

Una volta terminato, procedere alla pubblicazione o all’aggiornamento della pagina.

Ora è possibile visitare il proprio sito web per vedere la nuova icona aggiunta per il tipo di file allegato.

View attachment file type icon

Bonus: Vendere file digitali per fare soldi online

Ora che sapete come aggiungere le icone dei tipi di file allegati, potete fare un ulteriore passo avanti e vendere diversi file come download digitali. Questo vi permette di guadagnare online o di incoraggiare gli utenti a iscriversi alla vostra newsletter in cambio di una risorsa gratuita.

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

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

How to accept payments online with Easy Digital Downloads

Inoltre, potete semplicemente caricare i file digitali che desiderate vendere e iniziare a guadagnare online.

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

Adding a new digital download product

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

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere le icone dei file allegati in WordPress. Potreste anche consultare la nostra guida su come incorporare PDF, fogli di calcolo e altri file nei post del blog WordPress e i migliori plugin WordPress per le piccole imprese.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

4 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Isha Singh says

    I am not familiar with the WordPress. But while I am going through your post, It seems like I know everything about the WordPress.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.