Créer un lien sur une image peut se faire facilement dans WordPress. Cependant, ce lien concerne toute l’image et redirige vers un contenu interne ou externe au site Internet. « Draw attention » est une extension WordPress qui va amener vos images à un autre niveau puisque vous allez pouvoir créer des zones cliquables pour afficher des informations ou créer un lien sur une image qui redirige vers l’internaute vers un autre contenu interne ou externe à votre site. Dans ce tutoriel, je vais vous expliquer comment utiliser cette extension bien pratique et les avantages qu’elle procure.
- Draw attention c’est quoi ?
- Création d’une image interactive avec « Draw attention » sur WordPress
- 1. Installer « Draw attention » sur WordPress
- 2. Création d’un projet et réglage du style des zones à cliquer pour créer un lien sur une image
- 3. Réglages de l’apparence des informations pour le visiteur
- 4. Ajouter une image
- 5. Créer un lien sur une image avec des zones cliquables.
- 6. Ajoutez les informations à afficher ou créer un lien sur l’image
- 7. Insérer votre image cliquable dans un article ou une page WordPress
- Mon avis sur ce plugin
- Les avantages d’utiliser l’extension « Draw Attention » sur WordPress
- Le tutoriel vidéo pour utiliser « Draw Attention »
- Conclusion sur l’image cliquable dans WordPress
- Contenu similaire
Draw attention c’est quoi ?
« Draw attention » est une extension WordPress qui permet de créer des images interactives. Elle permet de créer des zones cliquables avec une forme personnalisée sur une image. Cette zone peut être alors définie comme un lien externe vers une URL bien précise ou afficher une infobulle contenant des informations sur la zone sélectionnée.
Création d’une image interactive avec « Draw attention » sur WordPress
Vous allez voir que la création d’une image avec des zones cliquable est vraiment un processus simple à mettre en place. Pour commencer, ne prenez pas une image trop grande. Pensez à la taille réelle sur votre écran. De même, n’oubliez pas de compresser l’image pour optimiser l’affichage. Ceci étant dit, nous pouvons commencer.
1. Installer « Draw attention » sur WordPress
Vous trouverez l’extension Draw attention directement dans WordPress.
Pour la télécharger, suivez ces étapes :
- Connectez-vous à votre interface d’administration WordPress.
- Cliquez sur « Extensions » dans le menu latéral.
- Cliquez sur « Ajouter une nouvelle ».
- Dans la barre de recherche, saisissez « Draw attention ».
- Lorsque l’extension apparaît, cliquez sur « Installer maintenant ».
- Une fois l’installation terminée, cliquez sur « Activer ».
2. Création d’un projet et réglage du style des zones à cliquer pour créer un lien sur une image
Maintenant que l’extension est activée, vous pouvez commencer à créer des éléments visuels interactifs. Dans le menu latéral de votre interface d’administration WordPress, cliquez sur « Draw attention ».
Indiquez un titre pour votre projet et sélectionnez les réglages pour modifier l’apparence de la zone cliquable. Vous pouvez :
- Choisir la couleur de mise en évidence de la zone.
- Choisir l’opacité de la couleur de cette zone.
- Sélectionner la taille de la bordure.
- Sélectionner les couleurs par défaut de la zone.
3. Réglages de l’apparence des informations pour le visiteur
Lorsque l’on va cliquer sur un élément de l’image, on a la possibilité d’afficher des informations spécifiques pour cette zone. Les réglages suivants concernent l’apparence de l’affichage de cette information.
Comme vous pouvez le voir, les réglages concernent :
- La couleur de l’arrière-plan de l’image.
- La couleur du texte.
- Celle du titre.
- La couleur de fond de l’infobulle.
- Le texte à afficher dans la boite d’information lorsqu’aucune zone n’est sélectionnée.
4. Ajouter une image
Sur la droite, vous pouvez importer l’image sur laquelle vous allez créer des zones cliquables. Vous pouvez sélectionner votre fichier dans la médiathèque ou la télécharger depuis votre ordinateur.