Sommaire
Lors de la création d’un site Web, il s’agit d’offrir une excellente expérience utilisateur. C’est pourquoi de nombreux concepteurs de sites Web mettent en œuvre les petites choses qui engagent le visiteur. Par exemple, l’ajout d’icônes de type de fichier joint aux liens aidera ces derniers à comprendre ce qu’ils téléchargent.
Pour la plupart, l’humanité est une espèce visuelle. Il est plus facile pour la plupart d’entre nous d’associer certaines choses à un graphique ou à une image. Ainsi, la mise en place d’icônes qui ressemblent à des éléments spécifiques permet de réduire la confusion lors du téléchargement.
Pensez-y. Lorsque vous regardez une icône avec une page blanche et un grand “W” bleu dans le coin, que supposez-vous ? Beaucoup d’entre vous reconnaîtraient le graphique pour simuler un document Word. Une conclusion évidente pour beaucoup serait que le lien est un téléchargement de document utilisé dans l’application Word.
Aujourd’hui, je vais vous montrer comment inclure ces petits graphiques dans vos pièces jointes téléchargeables dans WordPress. Il s’agit d’un processus simple qui aide les visiteurs à interagir avec votre site. En conséquence, ils peuvent avoir l’impression de bénéficier d’une meilleure expérience utilisateur.
Pourquoi les icônes de type de fichier joint sont-elles importantes ?
En suscitant l’intérêt de ceux qui viennent sur le site, l’utilisation d’icônes de type de fichier peut être très bénéfique. Étant donné qu’une grande partie des gens parcourent le contenu au lieu de le lire, il est beaucoup plus facile d’identifier un graphique lorsqu’il s’agit de trouver un téléchargement spécifique.
En voici un exemple.
Pour les besoins de l’argumentation, disons que vous créez un fichier de CV que d’autres peuvent télécharger et utiliser. Ce fichier peut être téléchargé sous forme de fichiers PDF, DOCX et ODS. Vous pourriez utiliser le fichier dans le lien lui-même, mais l’utilisation d’une icône graphique pour chaque fichier le rend plus facile à identifier. En retour, l’utilisateur bénéficie d’une meilleure expérience car il doit faire moins d’efforts pour obtenir le fichier qu’il souhaite.
L’utilisation d’icônes de type fichier pour les liens de téléchargement rend simplement le site plus attrayant visuellement et plus facile à gérer. Ce sont les petites choses comme celles-ci qui améliorent les taux de rétention et les visites de retour.
Certaines personnes ont un certain succès en utilisant des icônes de police ou des images dans WordPress. Cependant, ces méthodes sont un peu plus complexes car vous devez ajouter ces graphiques manuellement. Et s’il existait un moyen plus facile d’ajouter des images aux téléchargements de fichiers ?
Comment ajouter des icônes aux pièces jointes avec des plugins
Méthode 1 : Utilisation des icônes de lien MimeTypes
Étape 1 : Installer les icônes de lien MimeTypes
Pour ce tutoriel, je vais utiliser le plugin MimeTypes Link Icons. C’est un excellent complément pour ceux qui ont un grand nombre de fichiers téléchargeables sur le site Web. Cet outil placera automatiquement la bonne icône à côté de ces liens lorsque quelqu’un visitera l’article ou la page.
Ce plugin permet non seulement de rendre le site plus attrayant, mais aussi de gagner du temps en recherchant tous ces liens et en plaçant l’image manuellement.
Pour installer ce plugin :
Allez dans la zone des plugins du tableau de bord de WordPress et cliquez sur “Ajouter un nouveau”.
Recherchez “MimeTypes Link Icons”.
Installez et activez le plugin.
Étape 2 : Configurer les paramètres
Une fois le plugin installé, une nouvelle fonctionnalité apparaîtra dans les paramètres de WordPress. Allez dans les paramètres et cliquez sur le lien “Icônes MimeType”.
À partir de cet écran, vous aurez accès à la façon dont les types de fichiers sont représentés sur le site Web.
Paramètres généraux/ : Choisissez la taille, le type d’image et la position de l’icône. Dans ce plugin, les images sont fournies dans les deux types PNG et GIF.
Paramètres de l’image : MimeTypes accueille des icônes pour plus de 80 types de fichiers différents. Sélectionnez tous ceux qui s’appliquent à vous en cochant chaque case. Vous pouvez également cliquer sur le lien “Tout cocher” pour sélectionner tous les types d’icônes.
Paramètres avancés/ : MimeTypes permet l’utilisation des noms de classe CSS pour masquer les icônes, la possibilité d’afficher la taille des fichiers, et permet les remplacements asynchrones qui utilisent JavaScript au lieu de PHP. Pour l’instant, laissons ces paramètres avancés. Plus tard, vous trouverez peut-être cette section utile, surtout si vous voulez montrer la taille des fichiers à vos visiteurs.
Étape 3 : Enregistrer vos modifications
Une fois vos sélections effectuées, cliquez sur le bouton “Enregistrer les modifications” en bas de l’écran.
Après avoir enregistré, MimeTypes inclura désormais l’icône de lien pour tous les fichiers téléchargeables que vous avez. Ce processus est automatique et ne nécessite pas de graphiques ou de codes courts supplémentaires.
Si vous choisissez l’option de la taille du fichier, la taille sera automatiquement incluse entre parenthèses après le lien.
Méthode 2 : Utilisation des pièces jointes de téléchargement
Étape 1 : Installer les pièces jointes à télécharger
Un autre bon outil que je vais présenter aujourd’hui est Download Attachments. Ce plugin est un peu plus compliqué que MimeTypes, mais il offre une excellente interface lorsque vous souhaitez prendre en charge le téléchargement de fichiers sur votre site Web.
Pour utiliser ce plugin :
Ajoutez un nouveau plugin à WordPress et recherchez “Download Attachments”.
Installez et activez le plugin.
Étape 2 : Configurer les paramètres
Allez dans la zone des paramètres de WordPress et cliquez sur le lien intitulé “Pièces jointes”.
Il y a trois onglets disponibles pour gérer ce plugin.
Général : Cela vous permet de configurer qui peut ajouter des pièces jointes selon les rôles des utilisateurs dans WordPress. Vous avez également le contrôle sur la façon dont la section apparaît dans les articles et les pages et sur les URL de ces liens.
Paramètres d’affichage : Dans cette section, vous pouvez vérifier quels champs sont visibles tels que l’icône et la taille du fichier, offrir des légendes de téléchargement, utiliser des styles CSS et modifier la façon dont les pièces jointes sont livrées comme dans une liste ou dans un tableau.
Paramètres d’administration : Dans la zone d’administration, vous pouvez modifier la façon dont la médiathèque est livrée, activer les comptes de téléchargement et contrôler les liens vers les pièces jointes.
Pour l’instant, laissons ces paramètres tels qu’ils sont et cliquez sur le bouton “Enregistrer les modifications”.
Étape 3 : Ajouter des icônes de type de fichier aux pièces jointes
Créez un nouvel article dans WordPress et intitulez-le “Test de pièces jointes”.
Vous verrez une nouvelle fenêtre sous l’éditeur de texte pour les pièces jointes. Cliquez sur le bouton “Ajouter une nouvelle pièce jointe”. Cela fera apparaître la bibliothèque de médias de WordPress. Comme vous pouvez littéralement télécharger n’importe quel type de fichier dans ce dossier, il peut s’agir d’un bon endroit pour stocker vos fichiers téléchargeables. Pour tester ce système, j’ai utilisé le fichier PDF de mon CV. Vous pouvez simplement utiliser une image que vous avez enregistrée si vous voulez voir comment cet outil fonctionne.
Note : Actuellement, ce plugin ne prend pas en charge l’utilisation de bibliothèques de médias externes. Les fichiers devront être stockés directement sur votre site WordPress.
Une fois que vous avez ajouté un fichier, cliquez sur le bouton “Enregistrer” sous la pièce jointe.
Enregistrez le brouillon de ce message.
Cliquez sur “Afficher le message” dans la barre d’administration supérieure. Cela ouvrira le message tel qu’il apparaîtra sur votre site. Ne vous inquiétez pas, ce n’est pas en direct.
Vous devriez voir votre pièce jointe affichée ainsi que sa description, sa taille et son icône. Retournez au tableau de bord de WordPress.
Le seul véritable inconvénient de ce plugin est qu’il n’est pas automatique comme MimeTypes. Si vous avez des pièces jointes dans d’autres zones du site, vous devrez revenir en arrière et ajouter la section à chaque article ou page.
Cependant, ce serait un ajout incroyable si vous avez une page statique définie dans vos menus spécifiquement pour le contenu téléchargeable. Le plugin reconnaît la plupart des types de fichiers, ce qui signifie que les icônes seront immédiatement disponibles.
Une autre caractéristique intéressante de ce plugin est qu’il enregistre le nombre de téléchargements que chaque fichier a reçu. Cela vous aidera à déterminer quels téléchargements sont les plus importants pour vos visiteurs.
Ajoutez des icônes de fichiers pour améliorer l’expérience de l’utilisateur Aujourd’hui
L’ajout d’icônes de type de fichier joint est un processus facile dans WordPress. Que vous souhaitiez une approche automatique et sans stress ou une méthode plus complexe pour contrôler la présentation des fichiers, l’une ou l’autre méthode ajoutera de l’attrait à votre site.
Allez plus loin avec WordPress et créez une expérience mémorable pour quiconque navigue sur vos pages. Parfois, même de petits graphiques peuvent avoir un grand impact sur les visiteurs.
Quels types de petits ajouts avez-vous mis dans votre site Web pour les visiteurs ? Quel est votre outil préféré pour partager des fichiers dans WordPress ?
