Keywords ToolTip Generator

Une légende imagée au passage de la souris sur des termes précis

Keywords ToolTip Generator permet d’afficher un petit pop-up lors du passage de la souris sur un mot mis en évidence. La fenêtre affichera alors un message et même une image d’illustration si vous le désirez.
Il vous suffit pour cela de créer votre liste de définition à partir d’un type de contenu personnalisé, l’image utilisée sera l’image mise à la une et le plugin gère les synonymes. Il permet aussi une gestion des mots directement dans la page d’édition d’un article (la liste des mots utilisés apparaît et vous pouvez demander à exclure l’article en question dans l’utilisation du plugin). Vous avez aussi le choix entre un affichage pour la première occurrence du terme ou toutes les occurrences.
Et j’oubliais un widget qui affiche les mots légendés du article en question – avec évidemment la fenêtre qui fonctionne. Il semblerait que ça ne marche pas bien sur tous les thèmes.

Attention, le plugin gère la largeur de l’image mais pas sa hauteur alors choisissez bien sa taille pour qu’elle ne gène pas la lecture.

Je l’installerai bien ici si je n’avais pas la flemme de tout reconstruire mon dictionnaire – en fait, Jamel Zarga, le concepteur, a gentiment créé un outil de transfert de dictionnaire d’un plugin à l’autre. Mais je suis toujours aussi flemmard.

mise à jour du 05/12/2014: c’est bien ce plugin qui est en fonctionnement sur le blog en ce moment.

Options

keyword-tooltip01

keyword-tooltip03

keyword-tooltip02

Création d’une définition

keyword-tooltip07

Dans la page d’édition d’un article

keyword-tooltip06

Rendu visuel

keyword-tooltip05

Widget

tooltip


site WP du plugin : https://wordpress.org/plugins/bluet-keywords-tooltip-generator/ ‑ version testée : 2.0.3

Partagez

Si vous avez trouvé une faute d’orthographe, informez-nous en sélectionnant le texte en question et en appuyant sur Ctrl + Entrée s’il vous plaît,.

17 réponses

  1. X-Raym dit :

    Voilà ce qui me semble être une belle trouvaille ! Cela peut servir a mettre en valeur des termes dans un exercices de compréhension de langues (et le widget sur le côté peut alors servir de « mots de vocabulaire à retenir ».
    Je vais tester voir si c’est mobile friendly.

    Au sujet de la hauteur, peut qu’un peu de CSS peut éviter les problemes ? un truc genre max-height :P

    • Li-An dit :

      J’avais complètement zappé le widget ! Un complément tout à fait intéressant. Je complète l’article. J’avais testé et il me semble que ce n’est pas responsive mais vu la largeur de la fenêtre, il me semble que ça passe. Vous pouvez poser la question sur le forum du plugin puisque le concepteur est français et très réactif.

      • X-Raym dit :

        Oui le widget est vraiment très intéressant :)
        Ce n’est pas tant le côté responsif qui me questionne (ça doit être modifiable), mais c’est plutôt le côté touch-friendly. Il y a pas mal de plugin de tooltips qui fonctionne en hover et du coup sur mobile… ça marche pas du tout :P
        Je n’ai pas encore pu tester car je n’ai pas de smartphone à proximité, mais je testerai par moi même pour voir :P
        En tout cas merci beaucoup d’en avoir parler, je pense que ce plugin est très prometteur, il lu manque peut-être quelques petites choses mais si il continue de se développer, je remplacerai très certainement mon plugin actuel :o

  2. J’ai testé la page de démo http://www.blueskills.net/talking-birds sur un iphone et ça marche nickel (juste au toucher sur le mot).
    Encore merci pour la présentation de ce plugin plein de promesses!

  3. Jérôme dit :

    Ce plugin est une véritable petite mine d’or qui permet d’illustrer un article sur des lieux touristiques à visiter. Un véritable plus pour des sites à vocation touristiques.

    Bien entendu comme mentionnée à juste titre par X-Raym, ce plugin peut avoir son utilité pour un site à vocation pédagogique.

  4. X-Raym dit :

    En tout cas le developpeur est vraiment très ouvert, je l’ai contacté pas mal de fois sur le forum support wp et il m’a toujours répondu ! Il a même accepté de se pencher sur une fonctionnalité que je lui ai suggérée ( gestion des mots-clé par post et non globale ) ! :)
    Bref, c’est un jeune plugin, dont le developpement est prometteur, et si sa version gratuite ne cesse de se remplir de fonctionnalités, il y a moyen qu’il se fasse un petit nom :P

  5. Jamel Zarga dit :

    Salut les gars
    Li-An j’ai voulu vous remercier sur cet article encourageant qui parle sur mon premier vrai plugin, sans les commentaires et les proposition des utilisateurs de ce plugin je n’aurai pas eu de motivation pour faire des améliorations.
    autre chose : la version 2.1.5 fournit désormais des toultips sur les images par la propriété ‘alt’ j’espere que sa vous intéresse :)

    • Li-An dit :

      C’est nous qui devons te remercier pour ton travail. Mais je n’ai toujours pas trouve le courage de l’activer sur ce blog :-)

    • X-Raym dit :

      Salut Jamel :P
      Merci à toi pour être à l’écoute et prendre de ton temps pour intégrer nos suggestions – qui ne sont pas toujours simples… :P (je pense en particulier à ma suggestion sur le fait de pouvoir choisir les mots clés par article, avec ‘tous les mots clés exclus’ par défaut).
      Je suis les évolutions du plugin avec intérêt,
      Bon courrage pour la suite :P

  6. Plugin tout simplement génial ! Merci Beaucoup ! Mon taux de rebond a augmenté suite à cela !

  7. Jamel Zarga dit :

    Bonjour
    le système de glossaire est désormais disponible à partir de la version 2.3 ;)

  8. bruno dit :

    Salut 0/

    Me demandait justement comment on générait ce type « d’affichage » en survolant un mot ou une phrase.
    J’ai trouvé ! Vraiment chouette ! Merci et Bravo Jamel

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.

Vous pouvez utiliser Markdown pour les commentaires
Howdy,
Buy Premium Version to add more powerful tools to this place. https://wpclever.net/downloads/wp-admin-smart-search

Rapport de faute d’orthographe

Le texte suivant sera envoyé à nos rédacteurs :