Bonjour, chers utilisateurs de WordPress Tooltip. J’espère que ce message vous trouve en bonne santé et que vous profitez de merveilleuses journées en famille. Aujourd’hui, nous avons reçu une question d’un autre nouvel utilisateur du plugin WordPress Tooltip. Il a dit :
Le style personnalisé ne se charge pas et je ne parviens pas à le charger. Comment puis-je sélectionner un style personnalisé pour le tooltip ?
Il y a 10 ans, nous avons ajouté un panneau de réglages de style de tooltip au plugin WordPress Tooltip afin de permettre aux éditeurs de tooltip de personnaliser rapidement de magnifiques tooltips. Voici à quoi ressemble le panneau de style de tooltip personnalisé :
Et une ancienne version datant de 10 ans ressemblait à ceci :
Comme vous pouvez le constater en comparant les deux captures d’écran, au cours des 10 dernières années, nous avons ajouté de nombreuses options permettant aux utilisateurs de WordPress Tooltip de personnaliser un tooltip WordPress magnifique et unique.
Avec la possibilité d’appliquer des styles personnalisés aux tooltips, les utilisateurs peuvent rendre leurs tooltips plus visibles que les styles par défaut ou standard. Cela peut être particulièrement utile lorsque les utilisateurs souhaitent attirer l’attention sur des informations spécifiques ou rendre les tooltips importants plus remarquables. Le plugin WordPress Tooltip permet aux utilisateurs de personnaliser le style des tooltips pour qu’ils correspondent à la conception, à l’image de marque ou aux préférences esthétiques de leur site web. La personnalisation du style des tooltips offre plusieurs avantages :
- Cohérence : En personnalisant le style des tooltips, les utilisateurs peuvent s’assurer que les tooltips s’harmonisent avec l’apparence générale de leur site web. Cela contribue à maintenir une expérience visuelle cohérente pour les visiteurs.
- Image de marque : La personnalisation du style des tooltips permet aux utilisateurs d’incorporer des éléments de leur marque, tels que des couleurs, des polices ou des logos, dans les tooltips. Cela contribue à renforcer l’identité de la marque et à créer une présence en ligne cohérente.
- Attrait visuel : Le style des tooltips peut améliorer l’attrait visuel du site web. Les utilisateurs peuvent choisir des polices, des couleurs et d’autres éléments de design qui rendent les tooltips plus attrayants et captivants, améliorant ainsi l’expérience utilisateur globale.
- Différenciation : Grâce à la possibilité d’appliquer des styles personnalisés aux tooltips, les utilisateurs peuvent rendre leurs tooltips plus visibles que les styles par défaut ou standard. Cela peut être particulièrement utile lorsque les utilisateurs souhaitent attirer l’attention sur des informations spécifiques ou rendre les tooltips importants plus remarquables. En général, la possibilité de personnaliser le style des tooltips ajoute de la flexibilité et permet aux utilisateurs de créer des expériences visuellement attrayantes et cohérentes sur leurs sites web. Vous pouvez trouver notre tutoriel vidéo sur les tooltips WordPress à l’adresse suivante : Tutoriel vidéo WordPress Tooltips 6 : couleur personnalisée de la boîte de tooltip, police, soulignement, ombre… et plus encore.
Découvrez comment personnaliser le style de vos tooltips avec WordPress Tooltips Pro Plus. Expérimentez le pouvoir de la personnalisation avec une variété d’options de configuration qui vous permettent de contrôler facilement l’apparence de vos tooltips. Suivez ces étapes simples pour donner à vos tooltips un look unique et captivant :
Connectez-vous à votre espace d’administration WordPress et accédez au menu Tooltips dans le tableau de bord WordPress, puis cliquez sur l’élément de sous-menu Tooltips Style.
Vous ouvrirez le panneau “Paramètres de style des tooltips”, où vous trouverez plus de 50 options pour personnaliser le joli style de vos tooltips en toute simplicité. Personnalisez votre style de tooltip avec WordPress Tooltips Pro, par exemple :
Largeur de la boîte de tooltip (champ requis) : Ajustez la largeur de votre tooltip en précisant une valeur telle que “400” (qui représente 400 pixels).
Couleur de fond de la boîte de tooltip de WordPress (champ requis) : Changez facilement la couleur de fond de votre tooltip en utilisant le sélecteur de couleurs intuitif.
Couleur de police de tooltip de WordPress (champ requis) : Sélectionnez une couleur de police précise pour votre tooltip en utilisant le sélecteur de couleurs pratique.
Position de la boîte de tooltip de WordPress (champ requis) : Profitez de la flexibilité de choisir parmi huit positions différentes pour votre tooltip, notamment bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle et leftMiddle.
Alignement du texte de tooltip de WordPress (champ requis) : Alignez le texte de votre tooltip en choisissant l’une des trois options : left, right ou center.
Rembourrage de la boîte de tooltip de WordPress (champ requis) : Spécifiez la propriété de rembourrage pour la boîte de tooltip en indiquant une valeur, comme “10” (équivalent à 10 pixels).
Nom de classe de tooltip de WordPress (champ requis) : Définissez un nom de classe pour votre tooltip, personnalisant ainsi davantage son apparence.
Rayon de la bordure de tooltip de WordPress (champ requis) : Appliquez des coins arrondis à la boîte de tooltip en définissant la propriété du rayon de la bordure de tooltip. Par exemple, “5” représente 5 pixels.
Largeur de la bordure de tooltip de WordPress (champ requis) : Déterminez la largeur de la bordure de votre tooltip avec la propriété de la largeur de la bordure. Par exemple, “3” représente une bordure de 3 pixels.
Couleur de la bordure de tooltip de WordPress (champ requis) : Sélectionnez facilement une couleur de bordure pour votre tooltip en utilisant le sélecteur de couleurs.
Moment d’affichage du tooltip de WordPress (champ requis) : Explorez neuf méthodes de déclenchement pour l’affichage de vos tooltips, notamment Survol de la souris, Quitter le survol de la souris, Entrer dans la souris, Sortir de la souris, Déplacer la souris, Relâcher la souris, Appuyer sur la souris, Double clic et Clic.
Moment de masquage du tooltip de WordPress (champ requis) : Découvrez dix façons différentes de masquer la boîte de tooltip, notamment Survol de la souris, Quitter le survol de la souris, Entrer dans la souris, Sortir de la souris, Déplacer la souris, Relâcher la souris, Appuyer sur la souris, Double clic, Clic et Rester ouvert un moment.
Opacité du tooltip de WordPress (champ requis) : Créez des tooltips transparents en ajustant la propriété d’opacité. Choisissez une valeur comprise entre 0,1 et 1,0, les valeurs les plus basses offrant une transparence accrue.
Bordure inférieure du tooltip de WordPress (champ requis) : Choisissez parmi cinq options (pointillé, double ligne, plein, tireté, caché) pour styliser la bordure inférieure de vos mots clés de tooltip.
Couleur de soulignement de WordPress Tooltips (champ requis) : Utilisez le sélecteur de couleurs pour sélectionner une couleur de soulignement pour les mots clés de vos tooltips WordPress.
Ombre de WordPress Tooltips (champ requis) : Optez pour l’affichage ou la suppression d’un effet d’ombre pour vos tooltips.
Taille de police de tooltip de WordPress (champ requis) : Définissez la taille de police pour vos tooltips, par exemple, “12” représente 12 pixels.
Hauteur de ligne de tooltip de WordPress (champ requis) : Personnalisez la hauteur de ligne de vos tooltips facilement. Par exemple, “1.5” ajuste l’espacement entre les lignes. Libérez votre créativité et donnez une touche chaleureuse et personnalisée à vos tooltips avec WordPress Tooltips Pro. Découvrez le plaisir de créer facilement des tooltips visuellement frappants qui complètent parfaitement votre site web.
…etc, et nous ajoutons de plus en plus d’options en fonction des demandes des utilisateurs des tooltips WordPress
Veuillez noter :
1 : En général, les utilisateurs de tooltips WordPress peuvent rapidement personnaliser le style d’un tooltip pour l’adapter à leur site web en seulement quelques clics, par exemple, les utilisateurs de tooltips WordPress peuvent choisir les couleurs de manière intuitive à partir du sélecteur de couleurs de tooltips WordPress, y compris la couleur de fond de la boîte de tooltip, la couleur de police de tooltip, la couleur de la bordure de tooltip, etc.
2 : En règle générale, si les utilisateurs de tooltips WordPress modifient les valeurs des champs de style dans le panneau de paramètres personnalisés de tooltip, le plugin de tooltip WordPress définira automatiquement le style du tooltip en tant que style personnalisé, de sorte que les utilisateurs de tooltips WordPress n’auront pas besoin de cliquer deux fois sur l’option “style de la boîte de tooltip”.
3 : Dans le panneau de paramètres de style des tooltips WordPress, nous avons ajouté l’attribut requis HTML pour les options requises. Si l’utilisateur de tooltips WordPress oublie de saisir les valeurs dans la zone de saisie de style de tooltip, nous afficherons un avis. De cette façon, les utilisateurs de tooltips WordPress n’auront pas besoin de soumettre le formulaire encore et encore.
4 : Dans le panneau de paramètres de style des tooltips WordPress, nous avons ajouté un exemple comme valeur par défaut pour chaque option de tooltip, afin d’aider l’utilisateur de tooltip à mieux comprendre.
5 : Dans le panneau de paramètres de style des tooltips WordPress, nous avons ajouté des conseils pour chaque option de tooltip. Lorsque l’utilisateur de tooltip survole le conseil de l’option de tooltip, une fenêtre contextuelle s’affichera avec une description détaillée de la fonction de l’option de tooltip.
6 : Les raisons courantes pour lesquelles les paramètres ne fonctionnent pas pour les nouveaux utilisateurs sont les suivantes : l’utilisateur oublie de cliquer sur le bouton bleu “Enregistrer les modifications” en bas du panneau de paramètres de style de tooltip de WordPress.
The following shows some examples of tooltip terms with customized tooltip styles
Conclution:
Tooltips are small popup box with more information like video / audio / image / google maps / QR code / wiki / text… and so, tooltips box will pop up when users hover over an element in your pages, the element can be a word in your post, a search form input box, an image in your page, a widget on your sidebar.. and so on, wordpress tooltip plugin supports add tooltip effect on any element on the wordpress posts, or display on wordperss menu, comment, contact form, woocmmerce product, bbpress forum, buddypress activity…etc, with pretty effects and many more little amazing components and addons, for example, Bullets Screen
What it WordPress Tooltip Plugin:
WordPress tooltip pro is a tooltips plugin for wordpress, which be designed to help you create colorful, varied and graceful tooltip styles to present the content to your users, with lively and elegant animation effects, and save your valuable screen space.
When the users hover over an item, the colorful tooltip popup box will display with the animation effect. You can add video, audio, image, and even other content which generated by 3rd wordpress plugins like QR code, Amazon AD, Google Map in tooltip popup box via wordpress standard editor, it is very easy to use.
Hope this have a little help
