Chers utilisateurs du plugin de WordPress Tooltip, j’espère que ce message vous trouve en bonne santé et en train de passer un merveilleux week-end avec vos proches. Nous avons reçu une demande d’assistance d’un nouvel utilisateur du plugin de tooltip WordPress. Voici sa question :
Texte brut :
Bonjour,
Les tooltips se positionnent en dehors de l’écran sur les petits écrans.
Avez-vous prévu de résoudre ce problème ?”
Nous pensons qu’il y a peut-être d’autres utilisateurs qui se posent la même question, c’est pourquoi nous souhaitons documenter publiquement la solution ici 🙂
Comment puis-je empêcher les tooltips WordPress de se positionner en dehors de l’écran sur les petits écrans ?
1 Si vous n’avez pas encore installé la version Pro de WordPress Tooltips, veuillez vous connecter à votre compte sur le site du plugin WordPress Tooltip à tooltip.org. Sinon, veuillez vous référer à l’étape n°11.
2 Accédez à la page “Mon compte” et téléchargez le plugin WordPress Glossary Tooltip.
3 Maintenant, continuons le processus d’installation !
4 Connectez-vous à votre espace d’administration WordPress en tant qu’administrateur.
5 Cliquez sur l’option “Extensions” dans le tableau de bord.
6 Désactivez les éventuelles versions précédentes du plugin de tooltip, le cas échéant.
7 Supprimez complètement l’ancien plugin WordPress Tooltip.
8 Toujours dans le menu “Extensions”, sélectionnez “Ajouter” en haut du panneau des plugins.
9 Importez le fichier zip du plugin de tooltip que vous avez téléchargé depuis le site du plugin WordPress Glossary.
10 Activez la dernière version du plugin WordPress Tooltip Glossary. Bien joué ! Maintenant, personnalisons le style des tooltips.
11 Cliquez sur l’option “Tooltips”.
12 Dans le menu déroulant, choisissez “Style du tooltip”. Cela ouvrira le panneau “Style du tooltip”, comme le montre la capture d’écran suivante :
Panneau de style des tooltips dans les tooltips WordPress Pro Plus 28.2.8
Capture d’écran : Panneau de style des tooltips dans les tooltips WordPress Pro Plus 28.2.8
13 Dans ce panneau, vous trouverez des options pour ajuster la position du tooltip, la couleur de police du titre, la taille de la police du titre, la couleur d’arrière-plan, et bien plus encore ! Vous avez la liberté de personnaliser chaque aspect du tooltip WordPress selon vos préférences. C’est excitant, n’est-ce pas ?
14 Dans les paramètres de style, vous trouverez l’option “Position de la boîte du tooltip”, qui propose différents choix de positionnement tels que bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle et leftMiddle…
Notre plugin WordPress Tooltip propose la fonction pratique du positionnement automatique. Expliquons comment cela fonctionne avec quelques exemples.
Si vous sélectionnez la position “topMiddle” pour la boîte du tooltip, elle apparaîtra intelligemment au centre supérieur du mot-clé du tooltip à l’avant. De même, si vous choisissez la position “bottomMiddle”, la boîte du tooltip sera affichée au centre inférieur du mot-clé du tooltip.
Nous avons développé cette fonctionnalité pour garantir que vos tooltips s’alignent parfaitement avec le contexte voulu, ce qui offre une expérience utilisateur fluide et intuitive.
Notre suggestion est de sélectionner l’option “bottomMiddle” ou “topMiddle”.
15 Maintenant, veuillez vérifier l’option “Largeur de la boîte du tooltip” dans le panneau des paramètres de style des tooltips WordPress. Vous pouvez personnaliser la largeur du tooltip ici, par exemple, “600” signifie “600px” pour la boîte contextuelle du tooltip.
Cependant, sur un petit écran, si la boîte du tooltip est réglée sur 600px, la position du tooltip peut dépasser la largeur du petit écran.
Notre suggestion est de sélectionner l’option “auto”.
“auto” signifie que la largeur de la boîte du tooltip sera déterminée automatiquement en fonction de ce que vous saisissez.
16 En général, cela résoudra le problème des “tooltips qui se positionnent en dehors de l’écran sur les petits écrans”. Dans le plugin WordPress Tooltip, nous proposons un codeur personnalisé de tooltip pour l’administrateur du tooltip afin de personnaliser le style du tooltip, cela ressemble à ceci :
Codeur personnalisé de tooltip glossary
Dans le codeur personnalisé de tooltips, vous pouvez personnaliser le style de la boîte du tooltip. Un exemple simple de code ressemble à ceci :
Text brut
.ui-wordpress-tooltip-pro
{
width: 100px !important;
}
ou
Text brut
.ui-wordpress-tooltip-pro
{
max-width: 40% !important;
}
Vous pouvez ajuster le code en fonction de vos besoins réels
J’espère que cela vous sera utile
Je vous souhaite une agréable journée à venir.
Cordialement,
Support du plugin WordPress tooltip
Leave a Reply