Comment ajouter des icônes de type de fichier en pièce jointe dans WordPress

Avez-vous déjà vu des sites Web affichant des icônes de fichiers à côté des liens de téléchargement? Récemment, un de nos lecteurs nous a demandé s’il était possible d’afficher des icônes de fichiers joints dans WordPress. Oui, c’est très facile. Dans cet article, nous allons vous montrer comment ajouter des icônes de fichier joint dans WordPress.

Lorsque vous avez besoin d'icônes de fichiers en pièce jointe dans WordPress

Par défaut, WordPress vous permet de télécharger des images, de l’audio, de la vidéo et d’autres documents. Vous pouvez également autoriser le téléchargement de types de fichiers supplémentaires dans WordPress..

Lorsque vous téléchargez un fichier via le programme de téléchargement multimédia et que vous l'ajoutez à un message ou à une page, WordPress tente d'incorporer le fichier s'il s'agit d'une image, d'un fichier audio, d'une vidéo ou dans un format de fichier pris en charge..

Pour tous les autres fichiers, il suffit d'ajouter un nom de fichier sous forme de texte brut et de le lier à 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 quel fichier il télécharge..

Si vous téléchargez régulièrement différents types de fichiers, vous pouvez afficher une icône en regard du lien afin que vos utilisateurs puissent facilement trouver le type de fichier qu'ils recherchent..

Cela dit, voyons comment ajouter des icônes de fichiers joints dans WordPress pour différents types de fichiers..

Méthode 1: Ajouter des icônes de fichier de pièce jointe dans WordPress à l'aide d'un plugin

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 pour installer un plugin WordPress..

Lors de l'activation, vous devez visiter Paramètres »Icônes MimeType page pour configurer les paramètres du plugin.

Le plugin vous permet de choisir la taille de l'icône. Vous pouvez également choisir 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.

Sous les options avancées, vous pouvez activer les classes CSS pour masquer les icônes. Les liens de téléchargement de fichiers encapsulés dans ces classes CSS ne montreront pas les icônes.

Ci-dessous, vous trouverez la possibilité d'afficher la taille du fichier à côté du lien de téléchargement. Il est désactivé par défaut, car il pourrait nécessiter beaucoup de ressources. Toutefois, si vous le souhaitez, vous pouvez l'activer, ainsi que l'option "Mettre en cache les tailles de fichiers récupérées".

N'oubliez pas de cliquer sur le bouton Enregistrer les modifications pour enregistrer vos paramètres..

Vous pouvez maintenant modifier un article ou une page et ajouter un lien de téléchargement de fichier à l'aide de l'utilitaire de téléchargement multimédia. Aperçu de votre message et vous verrez l'icône du fichier à côté du lien de téléchargement.

Méthode 2: Utilisation de polices d'icône pour les fichiers joints dans WordPress

Dans cette méthode, nous allons utiliser une police d'icône pour afficher une icône à côté du lien du fichier en pièce jointe..

La première chose à faire est d’installer et d’activer le plugin Better Font Awesome.

Lors de l'activation, vous pouvez modifier un message ou une page où vous souhaitez ajouter un lien de pièce jointe.

Vous remarquerez le nouveau bouton "Insérer une icône" en haut de l'éditeur de publication. Cliquez dessus pour afficher une fenêtre contextuelle dans laquelle vous pouvez rechercher et sélectionner l'icône que vous souhaitez ajouter..

Font Awesome est livré avec des tonnes d'icônes et possède des icônes pour les types de fichiers les plus couramment utilisés. Cliquez sur l'icône que vous souhaitez ajouter et le plugin ajoutera automatiquement le shortcode requis dans l'éditeur de publication..

Vous pouvez maintenant télécharger votre fichier et l'insérer dans un message à l'aide de l'outil de téléchargement multimédia..

Vous pouvez également ajouter votre propre CSS personnalisé pour une icône de fichier en ajoutant votre propre classe CSS au shortcode comme ceci:

[nom de l'icône = "fichier-pdf-o" classe = "" unprefixed_class = "pdf-icon"]

Vous pouvez maintenant utiliser .pdf-icon classe pour changer la taille, la couleur et les styles des icônes en fonction de vos besoins.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des icônes de fichiers joints dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur la manière d’intégrer des PDF, des feuilles de calcul et d’autres dans les articles de blog WordPress..

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.