Comment ajouter des icônes de type fichier joint dans WordPress (Tutoriel facile)

Récemment, un de nos lecteurs nous a demandé s’il était possible d’afficher des icônes de fichiers joints dans WordPress. Vous pouvez facilement afficher différentes icônes afin que les utilisateurs sachent quel type de fichier ils téléchargent sur votre site.

Chez WPBeginner, nous utilisons différentes icônes sur notre site, des icônes sociales aux icônes montrant les inscriptions aux e-mails, les logos WordPress, les paramètres, et plus encore. Nous savons donc une chose ou deux sur l’ajout de différents types d’icônes dans WordPress.

Dans cet article, nous allons vous montrer comment ajouter des icônes de fichiers joints dans WordPress.

Quand vous avez besoin d’icônes de fichiers joints dans WordPress

Par défaut, WordPress vous permet de télécharger des images, des fichiers audio, des vidéos et d’autres documents. Vous pouvez également activer d’autres types de fichiers à télécharger dans WordPress.

Lorsque vous téléchargez un fichier via l’outil de téléchargement de médias et que vous l’ajoutez à un article ou à une page, WordPress tente d’intégrer le fichier comme s’il s’agissait d’une image, d’un fichier audio, d’une vidéo ou d’un format de fichier pris en charge.

Pour tous les autres fichiers, il ajoutera simplement un nom de fichier en texte brut et un lien vers la page de téléchargement ou de pièce jointe.

Dans la capture d’écran ci-dessus, nous avons ajouté un fichier PDF et un fichier Docx. Cependant, il est difficile pour un utilisateur de deviner le type de fichier qu’il télécharge.

Si vous téléchargez régulièrement différents types de fichiers, vous pouvez afficher une icône à côté du lien. Ainsi, vos utilisateurs peuvent facilement trouver le type de fichier qu’ils recherchent.

Ceci étant dit, voyons comment ajouter des icônes de pièces jointes dans WordPress pour différents types de fichiers.

Méthode 1 : Ajouter des icônes de fichiers joints dans WordPress à l’aide d’un plugin

La façon la plus simple d’ajouter des icônes de type de fichier est d’utiliser un plugin WordPress comme MimeTypes Link Icons. Il s’agit d’un plugin gratuit très facile à utiliser qui vous permet d’ajouter des icônes pour différents types de fichiers.

La première chose à faire est d’installer et d’activer le plugin MimeTypes Link Icons. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’un plugin WordPress.

Après l’activation, vous devez visiter la page Paramètres  » Icônes MimeType pour configurer les paramètres du plugin.

Le plugin vous permet de choisir la taille de l’icône, ainsi qu’entre les icônes PNG et GIF. Ensuite, vous devez choisir l’alignement de l’icône et les types de fichiers qui afficheront l’icône.

Ensuite, vous pouvez faire défiler la liste et sélectionner les icônes à afficher sur votre site web. Par exemple, il existe des icônes pour les types de fichiers tels que PDF, PPT, CSV, AVI, RPM, TXT, etc.

Ensuite, vous pouvez faire défiler la page jusqu’à la section Paramètres avancés.

Ici, vous trouverez l’option d’afficher la taille du fichier à côté du lien de téléchargement. Cette option est désactivée par défaut, car elle peut être gourmande en ressources.

Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour enregistrer vos paramètres.

Vous pouvez désormais modifier un article ou une page et ajouter un lien de téléchargement de fichier à l’aide de l’outil de téléchargement multimédia. Il vous suffit de prévisualiser votre article pour voir apparaître l’icône de fichier à côté du lien de téléchargement.

Méthode 2 : Utiliser des polices d’icônes pour les fichiers joints dans WordPress

Dans cette méthode, nous utiliserons une police d’icônes pour afficher une icône à côté du lien du fichier joint.

La première chose à faire est d’installer et d’activer le plugin Font Awesome. Si vous avez besoin d’aide, consultez notre guide sur l ‘installation d’un plugin WordPress.

Une fois le plugin activé, vous pouvez vous rendre sur la page « Settings  » Font Awesome » depuis votre tableau de bord WordPress. Ici, vous pouvez modifier les paramètres généraux du plugin, comme le choix d’utiliser des icônes pro ou gratuites.

Ensuite, vous pouvez éditer un message ou une page où vous souhaitez ajouter un lien vers une pièce jointe.

Une fois dans l’éditeur de contenu, vous devez saisir le code HTML de l’icône que vous souhaitez afficher.

Pour trouver ce code HTML, vous pouvez visiter le site web de la bibliothèque d’icônes Font Awesome. Il vous suffit de rechercher une icône dans la barre de recherche, puis de cliquer sur l’image.

Ensuite, vous verrez différentes variations de l’icône et de son code HTML.

Cliquez sur le code pour le copier.

Ensuite, vous pouvez retourner dans l’éditeur de contenu WordPress de votre site web et cliquer sur le signe « + » pour ajouter un bloc HTML personnalisé.

A partir de là, il suffit de coller le code de votre icône dans le bloc.

Une fois que vous avez terminé, allez-y et publiez ou mettez à jour votre page.

Vous pouvez maintenant visiter votre site web et voir l’icône nouvellement ajoutée pour le type de fichier joint.

Bonus : Vendre des fichiers numériques pour gagner de l’argent en ligne

Maintenant que vous savez comment ajouter des icônes de types de fichiers joints, vous pouvez aller plus loin et vendre différents fichiers sous forme de téléchargements numériques. Cela vous permet de gagner de l’argent en ligne ou d’encourager les utilisateurs à s’inscrire à votre lettre d’information en échange d’une ressource gratuite.

La meilleure façon de vendre des produits numériques est d’utiliser Easy Digital Downloads. C’est l’une des meilleures plateformes de commerce électronique pour WordPress, et elle est très facile à utiliser et à mettre en place.

Easy Digital Downloads s’intègre facilement à différents services de paiement tels que PayPal et Stripe.

En outre, vous pouvez simplement télécharger les fichiers numériques que vous souhaitez vendre et commencer à gagner de l’argent en ligne.

Le plugin vous permet d’ajouter des détails tels qu’un titre et une description, de définir le prix du téléchargement, de choisir une image de téléchargement, etc.

Pour plus de détails, veuillez consulter notre guide sur la vente de téléchargements numériques sur WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des icônes de fichiers joints dans WordPress. Vous pouvez également consulter notre guide sur la façon d’intégrer des PDF, des feuilles de calcul et d’autres fichiers dans les publications de blog WordPress et notre choix d’experts des meilleures extensions de journal d’activité et de suivi WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.