Nos lecteurs nous demandent souvent s'il est possible d'afficher des icônes de fichiers joints dans WordPress. L'ajout d'icônes de fichiers peut aider les utilisateurs à identifier le type de fichier qu'ils téléchargent en un coup d'œil.
L'utilisation d'icônes de fichiers joints est un moyen simple de rendre votre site Web plus convivial. Il ajoute des indices visuels qui aident les visiteurs à mieux comprendre votre contenu.
Chez WPBeginner, nous avons utilisé diverses icônes sur notre site pour améliorer l'expérience utilisateur. Des icônes de médias sociaux aux pièces jointes, les icônes rendent la navigation plus claire et plus intuitive.
Dans ce guide, nous vous montrerons comment ajouter facilement des icônes de fichiers joints dans WordPress. Avec nos étapes, vous pouvez afficher des icônes de fichiers qui correspondent au type de fichiers sur votre site.
Quand avez-vous besoin d'icônes de fichiers joints 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 activer des types de fichiers supplémentaires à télécharger dans WordPress.
Lorsque vous téléchargez un fichier via le téléchargeur de médias et que vous l'ajoutez à un article ou à une page, WordPress essaiera d'intégrer le fichier comme s'il s'agissait d'une image, d'un 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 sous forme de 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 type de fichier il téléchargerait.
Si vous téléchargez régulièrement différents types de fichiers, vous voudrez peut-être afficher une icône à côté du lien. De cette façon, vos utilisateurs peuvent facilement trouver le type de fichier qu'ils recherchent.
Ceci 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 fichiers joints dans WordPress à l'aide d'un plugin
La manière la plus simple d'ajouter des icônes de types de fichiers est d'utiliser un plugin WordPress comme MimeTypes Link Icons. C'est 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 comment installer un plugin WordPress.
ℹ️Note : La page de téléchargement du plugin peut indiquer qu'il n'a pas été testé ou mis à jour depuis un certain temps. Nous l'avons testé sur nos sites de démonstration et l'avons trouvé fonctionnel comme prévu. Veuillez lire notre article sur l'installation de plugins non testés avec votre version de WordPress.
Après l'activation, vous devez visiter la page Réglages » 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 des 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.
Après cela, vous pouvez faire défiler vers le bas et sélectionner les icônes à afficher sur votre site web. Par exemple, il existe des icônes pour des types de fichiers comme PDF, PPT, CSV, AVI, RPM, TXT, et plus encore.
Ensuite, vous pouvez faire défiler vers le bas jusqu'à la section Paramètres avancés.
Ici, vous trouverez l'option pour afficher la taille du fichier à côté du lien de téléchargement. Elle est désactivée par défaut, car cela pourrait être gourmand en ressources.
Une fois que vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour sauvegarder 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'outil d'ajout de médias. Prévisualisez simplement votre article, et vous verrez l'icône du 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 comment installer un plugin WordPress.
Après l'activation, vous pouvez accéder à la page Paramètres » Font Awesome depuis votre tableau de bord WordPress. Ici, vous pouvez modifier les paramètres généraux du plugin, comme choisir s'il doit utiliser des icônes pro ou gratuites.
Ensuite, vous pouvez modifier un article ou une page où vous souhaitez ajouter un lien de 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. Recherchez simplement une icône dans la barre de recherche, puis cliquez sur l'image.
Ensuite, vous verrez différentes variations de l'icône et son code HTML.
Allez-y et cliquez sur le code pour le copier.
Après cela, vous pouvez retourner à l'éditeur de contenu WordPress de votre site web et cliquer sur le signe '+' pour ajouter un bloc HTML personnalisé.
À partir de là, collez simplement 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 pour voir la nouvelle icône ajoutée pour le type de fichier de pièce jointe.
Bonus : Vendez des fichiers numériques pour gagner de l'argent en ligne
Maintenant que vous savez comment ajouter des icônes de type de fichier d'attachement, 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 newsletter 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 eCommerce pour WordPress, et elle est très facile à utiliser et à configurer.
Nous l'utilisons pour certaines de nos entreprises. Vous pouvez en apprendre davantage à ce sujet dans notre évaluation complète d'Easy Digital Downloads.
Easy Digital Downloads s'intègre facilement avec différents services de paiement comme PayPal et Stripe.
En plus de cela, 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, et plus encore.
Pour plus de détails, veuillez consulter notre guide sur comment vendre des téléchargements numériques sur WordPress.
Ressources bonus :
Voici quelques ressources utiles supplémentaires qui pourraient vous aider à gérer votre site web et vos médias WordPress :
- Comment utiliser WordPress pour la gestion de documents ou de fichiers
- Comment trouver vos brouillons enregistrés dans WordPress (Guide pour débutants)
- Comment téléverser des fichiers PDF sur votre site WordPress
- Comment connecter plusieurs sites WordPress ensemble (3 méthodes)
Nous espérons que cet article vous a aidé à apprendre comment ajouter des icônes de fichiers joints dans WordPress. Vous pourriez également vouloir consulter notre guide sur comment intégrer des PDF, des feuilles de calcul et d'autres fichiers dans les articles de blog WordPress et notre sélection d'experts des meilleurs plugins de journal d'activité et de suivi WordPress.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Mrteesurez
Ce tutoriel est utile ! L'ajout d'icônes de type de fichier améliore vraiment l'expérience utilisateur, permettant aux visiteurs d'identifier plus facilement les pièces jointes avant de les télécharger.
J'ai fait cela sur mon site, et cela a instantanément rendu mon contenu plus professionnel. Votre guide étape par étape rend le processus si simple. Je veux demander comment l'ajout d'icônes affecte le temps de chargement des pages de mon site ?
Support WPBeginner
Cela ne devrait pas avoir d'impact majeur sur la vitesse de votre site.
Admin
Mrteesurez
Merci pour votre réponse. J'ai posé la question car l'utilisation d'icônes nécessite souvent le téléchargement ou le chargement de bibliothèques de polices comme Font Awesome ou Google Fonts, ce qui peut affecter la vitesse d'un site Web. J'apprécie que vous me fassiez savoir que cela n'a pas d'impact majeur sur la vitesse de mon site.
Isha Singh
Je ne connais pas WordPress. Mais en parcourant votre article, il semble que je sache tout sur WordPress.
Fin
Vous recommandez sérieusement un plugin qui n'a pas été mis à jour depuis un an ?
Support WPBeginner
Oui, nous le faisons. Veuillez consulter notre article faut-il installer des plugins non testés avec votre version de WordPress ? pour en savoir plus sur ce sujet.
Admin