Guide étape par étape pour ajouter des infobulles WordPress dans Elementor
Bonjour, chers utilisateurs des infobulles WordPress — WordPress Tooltip, j’espère que ce message vous trouve en bonne santé et que vous passez de bons moments en famille. Nous avons reçu un ticket incroyable d’un utilisateur des infobulles WordPress, dans lequel il a demandé : Je veux pouvoir utiliser ce plugin d’infobulles WordPress dans un bloc de texte en surlignant peut-être un seul mot ou un petit groupe de mots, puis avoir une infobulle de texte qui apparaît. J’utilise Elementor pour créer les pages et entrer du texte, je ne m’entends pas bien avec l’éditeur Gutenberg. Cela peut-il être fait ?
Notre développeur de plugin d’infobulles WordPress a examiné le ticket. Oui, nous avons de nombreux utilisateurs du plugin d’infobulles WordPress qui utilisent des effets d’infobulles dans le constructeur Elementor. Nous pensons que d’autres utilisateurs peuvent avoir des questions similaires, donc nous aimerions rédiger un document détaillé pour les utilisateurs d’infobulles WordPress à publier publiquement.
Qu’est-ce que WordPress Elementor ?
WordPress Elementor est un plugin de création de pages populaire pour WordPress qui permet aux utilisateurs de créer et de concevoir des sites Web à l’aide d’une interface de glisser-déposer. Elementor offre une large gamme de modèles et de widgets personnalisables, permettant aux utilisateurs de créer des pages Web visuellement attrayantes et réactives sans avoir besoin d’écrire du code.
Les principales caractéristiques d’Elementor incluent :
Éditeur glisser-déposer : Les utilisateurs peuvent facilement ajouter et organiser des éléments sur leurs pages en les faisant glisser et en les déposant à leur place.
Modèles préconçus : Elementor propose une bibliothèque de modèles préconçus que les utilisateurs peuvent personnaliser selon leurs besoins.
Design réactif : Les utilisateurs peuvent concevoir des pages qui ont fière allure sur tous les appareils, y compris les ordinateurs de bureau, les tablettes et les smartphones.
Widgets et éléments : Elementor comprend une variété de widgets, tels que des zones de texte, des images, des boutons, des curseurs, et plus encore, qui peuvent être personnalisés et stylisés.
Constructeur de thèmes : Avec Elementor Pro (la version premium), les utilisateurs peuvent concevoir et personnaliser l’ensemble de leur thème WordPress, y compris les en-têtes, les pieds de page et les pages d’archives.
Édition en direct : Les modifications peuvent être visualisées en temps réel, permettant aux utilisateurs de voir à quoi ressembleront leurs modifications sur le front-end.
Intégration : Elementor s’intègre à d’autres plugins et outils WordPress, améliorant sa fonctionnalité et permettant des conceptions plus complexes.
Qu’est-ce que les infobulles WordPress ?
Les infobulles sont de petites boîtes contextuelles qui fournissent des informations supplémentaires, telles que des vidéos, des clips audio, des images, des cartes Google, des codes QR, des liens Wikipedia, du texte, et plus encore. Dans WordPress, ces boîtes d’infobulles apparaissent lorsque les utilisateurs survolent un élément sur vos pages. Cet élément pourrait être un mot dans votre article, un champ de saisie dans un formulaire de recherche, une image, un widget dans votre barre latérale, et divers autres composants. Le plugin d’infobulles WordPress vous permet d’ajouter des effets d’infobulles à tout élément de vos articles WordPress, ainsi que sur les menus, les commentaires, les formulaires de contact, les produits WooCommerce, les forums bbPress, les activités BuddyPress, et plus encore. Il est livré avec des effets attrayants et de nombreuses fonctionnalités supplémentaires, y compris des composants comme un écran à puces.
Qu’est-ce que le plugin d’infobulles WordPress ?
Le plugin d’infobulles WordPress est un plugin conçu spécifiquement pour WordPress qui vous permet de créer des styles d’infobulles vibrants, divers et élégants pour présenter du contenu à vos utilisateurs. Avec des effets d’animation dynamiques et gracieux, ce plugin vous aide à utiliser efficacement votre espace d’écran.
Lorsque les utilisateurs survolent un élément, une boîte d’infobulle colorée apparaîtra avec une animation engageante. Vous pouvez inclure des vidéos, de l’audio, des images, et même du contenu généré par d’autres plugins WordPress, tels que des codes QR, des publicités Amazon, et des cartes Google, le tout dans la boîte d’infobulle en utilisant l’éditeur WordPress standard. C’est incroyablement convivial.
Comment créer des infobulles interactives WordPress dans Elementor ?
Créer des infobulles interactives dans WordPress en utilisant Elementor est un processus simple. Voici un guide étape par étape pour vous aider à configurer les infobulles efficacement :
Étape 1 : Installer et activer Elementor
- Installer Elementor : Si vous ne l’avez pas encore fait, installez le plugin Elementor depuis le répertoire WordPress.
- Activer le plugin : Une fois installé, activez le plugin depuis le menu Plugins de votre tableau de bord WordPress.
Étape 2 : Créer ou éditer une page, éditer avec Elementor
- Aller à Pages : Naviguez jusqu’à la section “Pages” de votre tableau de bord WordPress.
- Ajouter une nouvelle page ou éditer une page existante :
- Éditer avec Elementor : Cliquez sur le bouton “Éditer avec Elementor” pour entrer dans l’interface du constructeur de pages Elementor.
Étape 3 : Ajouter le contenu de l’infobulle
Télécharger et installer le plugin d’infobulles WordPress : Veuillez cliquer sur l’élément de menu “Télécharger l’infobulle WordPress” pour télécharger le plugin d’infobulles WordPress, téléchargez le fichier zip des infobulles WordPress via le panneau des plugins WordPress et activez-le.
Créer votre première infobulle : Dans le tableau de bord WordPress, naviguez jusqu’à l’élément de menu “Infobulles”. Ensuite, veuillez cliquer sur l’élément de sous-menu “Ajouter nouveau” pour ajouter de nouveaux termes d’infobulle, vous ouvrirez l’éditeur d’infobulles WordPress.
Cliquez sur “Ajouter nouveau” pour créer une nouvelle page ou sélectionnez une page existante à éditer.
Dans l’éditeur d’infobulle, vous avez la flexibilité d’inclure divers éléments HTML tels que des images, des liens et du texte directement dans votre éditeur d’articles WordPress.
Vous avez maintenant créé avec succès une infobulle WordPress ! Lorsque vous survolez le mot-clé spécifié, l’infobulle apparaîtra.
Étape 4 : Insérer le terme d’infobulle dans l’article WordPress via Elementor
- Sélectionner un élément : Choisissez l’élément (texte, image, bouton, etc.) où vous souhaitez ajouter l’infobulle.
- Ajouter des termes d’infobulle : Entrez simplement le terme d’infobulle dans l’éditeur de texte et publiez l’article.
Sur le front-end, lorsque la souris survole le terme d’infobulle dans l’article WordPress, vous trouverez une boîte d’infobulle qui apparaît avec le contenu de l’infobulle, tout fonctionne bien
Vous pouvez également personnaliser l’apparence de vos infobulles, notre plugin d’infobulles WordPress offre de nombreuses options de configuration intéressantes, comme 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 plus encore. Si vous le souhaitez, veuillez lire comment personnaliser vos infobulles.
Conclusion
En suivant ces étapes, vous pouvez créer des infobulles interactives WordPress dans Elementor qui améliorent l’expérience utilisateur et fournissent des informations supplémentaires sans encombrer votre page. Personnalisez davantage les infobulles avec le plugin d’infobulles WordPress pour des options plus avancées.
Leave a Reply