Chers utilisateurs du plugin WordPress Tooltip, j’espère que ce message vous trouve en bonne santé et que vous passez une agréable journée en famille Nous avons reçu un ticket de support d’un utilisateur du plugin WordPress Tooltip, dans lequel l’utilisateur a déclaré :
texte brut
Excusez-moi, je suis novice ici. Je n’arrive toujours pas à comprendre comment lier ou associer une infobulle à un élément donné. J’ai donc créé une infobulle et je souhaite qu’elle apparaisse lorsque l’utilisateur survole un bouton (avec le libellé “Ajouter une personne” et l’identifiant “add-person”) sur ma page. Comment dois-je procéder ? C’est-à-dire, comment associer l’infobulle que je viens de créer à cet élément de bouton ?
Nous pensons que de nombreux autres utilisateurs pourraient avoir une question similaire. Par conséquent, nous avons l’intention de diffuser ouvertement notre réponse à tous les utilisateurs du plugin WordPress Tooltip
Quel est le but des infobulles ?
Les infobulles sont de petites boîtes contextuelles qui fournissent des informations supplémentaires telles que des vidéos, des audios, des images, des cartes Google Maps, des codes QR, des articles Wikipédia et du texte. Lorsque les utilisateurs survolent un élément de vos pages web, comme un mot dans un article, une zone de saisie de formulaire de recherche, une image ou un widget de la barre latérale, les infobulles apparaissent de manière transparente pour offrir des détails attrayants. Le plugin WordPress Tooltip vous permet d’appliquer des effets d’infobulle à n’importe quel élément dans les articles WordPress, les menus, les commentaires, les formulaires de contact, les produits WooCommerce, les forums bbPress, les activités BuddyPress, et bien plus encore. Ce plugin propose une gamme d’éléments captivants et de modules complémentaires, notamment la fonctionnalité plaisante Bullets Screen.
Présentation du plugin WordPress Tooltip
WordPress Tooltip Pro est un plugin spécialement conçu pour améliorer votre site WordPress avec des infobulles visuellement attrayantes et polyvalentes. Il vous permet de créer des styles d’infobulles captivants qui présentent magnifiquement le contenu à vos utilisateurs, tout en optimisant l’espace à l’écran.
Lorsqu’un utilisateur survole un élément, une boîte contextuelle d’infobulle vibrante et animée s’affiche. Vous avez la flexibilité d’intégrer différents types de contenu, notamment des vidéos, des audios, des images et même du contenu généré par des tiers à partir de plugins tels que des codes QR, des publicités Amazon et des cartes Google Maps. Tout cela peut être ajouté facilement via l’éditeur standard de WordPress, ce qui le rend incroyablement convivial pour les utilisateurs.
En tant que novice, apprenez le processus de création de vos premières infobulles à l’aide du plugin WordPress Tooltips Pro.
texte brut
WordPress Tooltip facilite la création sans effort d’infobulles. Nous vous guiderons à travers le processus d’ajout d’infobulles étape par étape.
Connectez-vous à votre compte sur le site du plugin WordPress Tooltip.
Si vous n’avez pas encore installé le plugin WordPress Tooltip, veuillez vous connecter à votre compte sur le site du plugin WordPress Glossary Tooltip. Si vous avez déjà installé le plugin WordPress Tooltip, vous pouvez directement passer à l’étape n°10.
Recherchez le lien “Télécharger” dans la barre de menu supérieure ou cliquez simplement sur ce lien : [lien vers le plugin WordPress Glossary Tooltip] pour télécharger le plugin WordPress Tooltips Pro.
Accédez à l’espace d’administration de votre site WordPress et connectez-vous.
Accédez à l’élément de menu “Extensions”.
Désactivez la version précédente du plugin d’infobulles.
Supprimez l’ancien plugin WordPress Tooltip.
Dans l’élément de menu “Extensions”, cliquez sur “Ajouter” en haut du panneau des plugins.
Téléchargez le fichier zip du plugin d’infobulles que vous avez téléchargé depuis le site du plugin WordPress Glossary.
Activez la dernière version du plugin WordPress Tooltip Pro.
Accédez à la barre latérale d’administration de WordPress. Cliquez sur “Tooltips”, puis sur “Ajouter” pour commencer l’ajout d’une nouvelle infobulle WordPress.
À l’intérieur de l’éditeur de texte des articles WordPress, vous avez la liberté d’incorporer divers éléments HTML dans l’infobulle. Ces éléments peuvent inclure des images, des liens et du texte.
Félicitations ! Vous avez maintenant inclus avec succès une infobulle WordPress. Lorsque vous survolez le mot-clé désigné, l’infobulle sera déclenchée. De plus, notre plugin d’infobulle WordPress offre de nombreuses options de personnalisation pour améliorer l’apparence de vos infobulles. Ces options englobent des paramètres tels que la couleur du texte, l’arrière-plan, la taille de la police, la largeur, l’ombre, l’opacité, la méthode de déclenchement, et bien plus encore.
Tutoriel vidéo :
Comment lier ou associer une infobulle WordPress à un élément donné ?
Veuillez créer un nouveau terme d’infobulle WordPress dans le tableau de bord de WordPress. Vous pouvez cliquer sur le sous-menu “Ajouter” pour ouvrir l’outil de création d’infobulles. L’interface ressemblera à l’éditeur d’infobulles indiqué ci-dessous :
éditeur d’infobulles
Dans le diagramme ci-dessus, vous remarquerez une méta-boîte intitulée “Infobulles pour les formulaires”. Cependant, elle devrait en réalité être intitulée “Infobulles pour les classes”. Nous avons apporté cette modification car nous avons observé que les cas d’utilisation les plus courants consistent à ajouter des infobulles aux éléments ou champs de formulaire à l’aide de classes ou d’identifiants CSS. Cette modification vise à aider les utilisateurs à comprendre l’objectif de la méta-boîte en tant qu’infobulles pour les formulaires.
Il vous suffit d’entrer la classe CSS ou l’ID CSS dans la zone de saisie “Infobulles pour les formulaires” où vous souhaitez appliquer l’effet de l’infobulle :
Par exemple, des infobulles pour la classe :
.input_box_1
ou des infobulles pour l’ID :
#text_box_2
Si vous ne savez pas comment trouver la classe CSS ou l’ID CSS d’un composant spécifique dans WordPress, veuillez vous référer au guide intitulé “Comment trouver une classe CSS ou un ID CSS d’un composant sur une page WordPress ?”
Assurez-vous d’avoir entré le titre et le contenu de l’infobulle dans l’éditeur d’infobulles, puis cliquez sur le bouton “Publier”.
Sur le frontend, lorsque vous visitez une page qui contient la classe CSS ou l’ID CSS spécifié, survoler l’élément de classe déclenchera l’affichage du contenu de l’infobulle dans une fenêtre d’infobulle.
Voici un aperçu des infobulles pour la classe DEMO, vous pouvez voir une démonstration des infobulles WordPress pour les classes. Dans le formulaire, lorsque vous survolez chaque champ, une fenêtre d’infobulle dédiée apparaîtra. De cette manière, vous pouvez ajouter des infobulles pour différentes classes CSS ou ID sur le frontend. Par exemple, vous pouvez avoir des infobulles pour les formulaires de contact, les images, les vidéos, les boutons, les éléments de menu, les cartes, le texte, et bien plus encore.
Veuillez noter qu’à l’intérieur de l’éditeur d’infobulles, vous pouvez personnaliser des styles d’infobulles uniques et esthétiques pour chaque terme d’infobulle. De plus, vous pouvez appliquer différentes animations pour chaque infobulle individuelle.
Conclusion : L’utilisateur de WordPress tooltips peut ajouter des infobulles à des éléments spécifiques de son site WordPress, tels que des champs de formulaire, des libellés de formulaire, des éléments de menu, des boutons ou tout autre élément interactif. En liant ou en associant des infobulles à ces éléments, ils peuvent fournir des informations supplémentaires, des instructions ou des clarifications aux utilisateurs lorsqu’ils interagissent avec ces éléments. Par exemple : En texte clair : Dans un champ de formulaire, une infobulle peut donner des indications sur le format attendu ou fournir une brève description de la saisie requise. Dans un libellé de formulaire, une infobulle peut fournir des explications supplémentaires ou des exemples sur l’objectif du libellé. Dans un élément de menu, une infobulle peut offrir une brève description ou indiquer la fonctionnalité de l’élément lorsqu’il est survolé. La demande de fonctionnalité de l’utilisateur vise à améliorer l’expérience utilisateur en réduisant les ambiguïtés, en fournissant des conseils utiles ou en donnant aux utilisateurs plus d’informations sur des éléments spécifiques. Cela peut conduire à une meilleure utilisabilité et compréhension des fonctionnalités du site ou des exigences de saisie. … etc. La fonctionnalité “Infobulles pour tout” peut améliorer l’expérience utilisateur en réduisant les ambiguïtés, en fournissant des conseils utiles ou en donnant aux utilisateurs plus d’informations sur des éléments spécifiques. Cela peut conduire à une meilleure utilisabilité et compréhension des fonctionnalités du site ou des exigences de saisie.













