Come aggiungere icone di tipo file allegato in WordPress

Hai visto siti Web che mostrano icone di file accanto ai link per il download? Recentemente uno dei nostri lettori ha chiesto se fosse possibile visualizzare le icone dei file degli allegati in WordPress. Sì lo è, ed è abbastanza facile. In questo articolo, ti mostreremo come aggiungere icone di file allegati in WordPress.

Quando hai bisogno di icone file allegato in WordPress

Per impostazione predefinita, WordPress consente di caricare immagini, audio, video e altri documenti. Puoi anche consentire l'upload di altri tipi di file in WordPress.

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

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

Nell'immagine sopra, abbiamo aggiunto un file PDF e un file Docx. Tuttavia, è difficile per un utente indovinare quale file sta scaricando.

Se carichi regolarmente tipi di file diversi, potresti voler visualizzare un'icona accanto al link, in modo che gli utenti possano trovare facilmente il tipo di file che stanno cercando.

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

Metodo 1: Aggiungi icone file allegato in WordPress utilizzando il plugin

La prima cosa che devi fare è installare e attivare il plugin MimeTypes Link Icons. Per ulteriori dettagli, consulta la nostra guida passo passo su come installare un plug-in di WordPress.

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

Il plugin ti consente di scegliere la dimensione dell'icona. Puoi anche scegliere tra le icone png e gif. Successivamente, è necessario scegliere l'allineamento dell'icona e quali tipi di file visualizzeranno l'icona.

Sotto le opzioni avanzate, puoi abilitare le classi CSS per nascondere le icone. I collegamenti per il download di file racchiusi in queste classi CSS non mostreranno le icone.

Di seguito troverai l'opzione per mostrare le dimensioni del file accanto al link di download. È disattivato per impostazione predefinita, in quanto potrebbe richiedere un uso intensivo delle risorse. Tuttavia, se lo desideri, puoi abilitarlo e abilitare anche l'opzione 'Cache ha recuperato le dimensioni dei file'.

Non dimenticare di fare clic sul pulsante Salva modifiche per memorizzare le tue impostazioni.

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

Metodo 2: utilizzo di caratteri icona per i file allegati in WordPress

In questo metodo, utilizzeremo un carattere di icona per visualizzare un'icona accanto al collegamento del file allegato.

La prima cosa che devi fare è installare e attivare il plugin Better Font Awesome.

Dopo l'attivazione, è possibile modificare un post o una pagina in cui si desidera aggiungere un collegamento all'allegato.

Noterai il nuovo pulsante "Inserisci icona" sopra l'editor di post. Cliccando su di esso verrà visualizzato un popup in cui è possibile cercare e selezionare l'icona che si desidera aggiungere.

Font Awesome ha tonnellate di icone e ha icone per i tipi di file più usati. Fare clic sull'icona che si desidera aggiungere e il plugin aggiungerà automaticamente lo shortcode richiesto nell'editor dei post.

Ora puoi caricare il tuo file e inserirli in post utilizzando l'uploader multimediale.

Puoi anche aggiungere il tuo CSS personalizzato per l'icona di un file aggiungendo la tua classe css allo shortcode come questo:

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

Ora puoi usare .pdf-icon classe per modificare le dimensioni, il colore e lo stile delle icone secondo le proprie esigenze.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere icone di file allegati in WordPress. Potresti anche voler vedere la nostra guida su come incorporare PDF, fogli di lavoro e altri contenuti nei post del blog di WordPress.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi anche trovarci su Twitter e Facebook.