Avez-vous vu des sites Web qui affichent des icônes de fichiers à côté des liens de téléchargement ? Récemment, l’un de nos lecteurs a demandé s’il était possible d’afficher les icônes des fichiers joints dans WordPress. Oui c’est vrai, et c’est assez facile. Dans cet article, nous allons vous montrer comment ajouter des icônes de fichiers joints dans WordPress.
Lorsque vous avez besoin d’icônes de fichiers joints dans WordPress
Par défaut, WordPress vous permet de télécharger des images, du son, 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 téléchargeur multimédia et que vous l’ajoutez à une publication ou à une page, WordPress essaie d’intégrer le fichier s’il s’agit d’une image, d’un audio, d’une vidéo ou dans un format de fichier pris en charge.
Pour tous les autres fichiers, il ajoutera simplement un nom de fichier en texte brut et le liera à 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 souhaiterez peut-être afficher une icône à côté 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 de pièces jointes 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 du plugin
La première chose à faire est d’installer et d’activer le Icônes de lien MimeTypes brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’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 enveloppés dans ces classes CSS n’afficheront pas les icônes.
En dessous, vous trouverez l’option d’affichage de la taille du fichier à côté du lien de téléchargement. Il est désactivé par défaut, car il peut être gourmand en ressources. Cependant, si vous le souhaitez, vous pouvez l’activer et également activer l’option « Mettre en cache les tailles des fichiers récupérés ».
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. Prévisualisez votre message et vous verrez l’icône du fichier à côté du lien de téléchargement.
Méthode 2 : Utilisation des polices d’icônes pour les fichiers de pièces jointes dans WordPress
Dans cette méthode, nous utiliserons une police d’icône pour afficher une icône à côté du lien du fichier joint.
La première chose à faire est d’installer et d’activer le Meilleure police géniale brancher.
Lors de l’activation, vous pouvez modifier un article 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. En cliquant dessus, une fenêtre contextuelle s’affichera dans laquelle vous pourrez rechercher et sélectionner l’icône que vous souhaitez ajouter.
Font Awesome est livré avec des tonnes d’icônes et a 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 la publication à 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 :
[icon name=”file-pdf-o” class=”” unprefixed_class=”pdf-icon”]
Vous pouvez maintenant utiliser .pdf-icon
classe pour modifier la taille, la couleur et le style de l’icône selon vos propres besoins.
Nous espérons que cet article vous a aidé à apprendre comment ajouter des icônes de fichiers de pièces jointes dans WordPress. Vous pouvez également consulter notre guide sur la façon d’intégrer des PDF, des feuilles de calcul et autres dans les articles de blog WordPress.