Tooltipy

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

Tool­ti­py permet d’af­fi­cher un petit pop-up lors du passage de la souris sur un mot mis en évidence. La fenêtre affi­che­ra alors un message et même une image d’illus­tra­tion si vous le désirez.
Il vous suffit pour cela de créer votre liste de défi­ni­tion à partir d’un type de billets person­na­li­sés, l’image utili­sée sera l’image mise à la une et le plugin gère les syno­nymes. Il permet aussi une gestion des mots direc­te­ment dans la page d’édi­tion d’un billet (la liste des mots utili­sés appa­raît et vous pouvez deman­der à exclure le billet en ques­tion dans l’uti­li­sa­tion du plugin). Vous avez aussi le choix entre un affi­chage pour la première occur­rence du terme ou toutes les occurrences.
Et j’ou­bliais un widget qui affiche les mots légen­dés du billet en ques­tion – avec évidem­ment la fenêtre qui fonc­tionne. Il semble­rait que ça ne marche pas bien sur tous les thèmes.

Atten­tion, le plugin gère la largeur de l’image mais pas sa hauteur alors choi­sis­sez bien sa taille pour qu’elle ne gène pas la lecture.

Je l’ins­tal­le­rai bien ici si je n’avais pas la flemme de tout recons­truire mon diction­naire – en fait, Jamel Zarga, le concep­teur, a genti­ment créé un outil de trans­fert de diction­naire d’un plugin à l’autre. Mais je suis toujours aussi flemmard.

Options

keyword-tooltip01

keyword-tooltip03

keyword-tooltip02

Création d’une définition

keyword-tooltip07

Dans la page d’édition d’un billet

keyword-tooltip06

Rendu visuel

keyword-tooltip05

Widget

tooltip


site WP du plugin : https://​word​press​.org/​p​l​u​g​i​n​s​/​b​l​u​e​t​-​k​e​y​w​o​r​d​s​-​t​o​o​l​t​i​p​-​g​e​n​e​r​a​t​or/ ‑ version testée : 2.0.3

Abon­­nez-vous par mail à l’Écho des Plugins
Vous rece­vrez un mail pour vous préve­nir de chaque nouvel article publié sur ce blog

Ceci peut vous intéresser

17 commentaires

  1. Voilà ce qui me semble être une belle trou­vaille ! Cela peut servir a mettre en valeur des termes dans un exer­cices de compré­hen­sion de langues (et le widget sur le côté peut alors servir de « mots de voca­bu­laire à 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

    • J’avais complè­te­ment zappé le widget ! Un complé­ment tout à fait inté­res­sant. Je complète l’ar­ticle. J’avais testé et il me semble que ce n’est pas respon­sive mais vu la largeur de la fenêtre, il me semble que ça passe. Vous pouvez poser la ques­tion sur le forum du plugin puisque le concep­teur est fran­çais et très réactif.

      • Oui le widget est vrai­ment très intéressant :)
        Ce n’est pas tant le côté respon­sif qui me ques­tionne (ça doit être modi­fiable), mais c’est plutôt le côté touch-friend­ly. Il y a pas mal de plugin de tool­tips qui fonc­tionne 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 smart­phone à proxi­mi­té, mais je teste­rai par moi même pour voir :P
        En tout cas merci beau­coup d’en avoir parler, je pense que ce plugin est très promet­teur, il lu manque peut-être quelques petites choses mais si il conti­nue de se déve­lop­per, je rempla­ce­rai très certai­ne­ment mon plugin actuel :o

  2. Ce plugin est une véri­table petite mine d’or qui permet d’illus­trer un article sur des lieux touris­tiques à visi­ter. Un véri­table plus pour des sites à voca­tion touristiques.

    Bien enten­du comme mention­née à juste titre par X‑Raym, ce plugin peut avoir son utili­té pour un site à voca­tion pédagogique.

    • Il peut avoir de multiples usages – d’ailleurs le plugin que j’uti­lise ici propose des fonc­tions un peu plus élabo­rées… en version payante.

  3. En tout cas le deve­lop­peur est vrai­ment très ouvert, je l’ai contac­té pas mal de fois sur le forum support wp et il m’a toujours répon­du ! Il a même accep­té de se pencher sur une fonc­tion­na­li­té que je lui ai suggé­rée ( gestion des mots-clé par post et non globale ) ! :)
    Bref, c’est un jeune plugin, dont le deve­lop­pe­ment est promet­teur, et si sa version gratuite ne cesse de se remplir de fonc­tion­na­li­tés, il y a moyen qu’il se fasse un petit nom :P

  4. Salut les gars
    Li-An j’ai voulu vous remer­cier sur cet article encou­ra­geant qui parle sur mon premier vrai plugin, sans les commen­taires et les propo­si­tion des utili­sa­teurs de ce plugin je n’au­rai pas eu de moti­va­tion pour faire des améliorations.
    autre chose : la version 2.1.5 four­nit désor­mais des toul­tips sur les images par la proprié­té ‘alt’ j’es­pere que sa vous intéresse :)

    • C’est nous qui devons te remer­cier pour ton travail. Mais je n’ai toujours pas trouve le courage de l’ac­ti­ver sur ce blog :-)

    • Salut Jamel :P
      Merci à toi pour être à l’écoute et prendre de ton temps pour inté­grer nos sugges­tions – qui ne sont pas toujours simples… :P (je pense en parti­cu­lier à ma sugges­tion sur le fait de pouvoir choi­sir les mots clés par article, avec ‘tous les mots clés exclus’ par défaut).
      Je suis les évolu­tions du plugin avec intérêt,
      Bon cour­rage pour la suite :P

  5. Salut 0/​

    Me deman­dait juste­ment comment on géné­rait ce type « d’af­fi­chage » en survo­lant un mot ou une phrase.
    J’ai trou­vé ! Vrai­ment chouette ! Merci et Bravo Jamel

      • Re 0/​

        Je viens d’al­ler sur le site de Jamel et j’ai vu qu’il avait fais des anima­tions aussi
        au survol de la souris :), je sais qu’il ne faut pas surchar­ger un site, mais quand
        les infos sont desti­nées à des mômes, ça doit faire son effet !

Laisser un commentaire

Votre adresse e-mail 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.

Ce site embarque des cookies pour vous offrir la meilleur expérience possible

Spelling error report

The following text will be sent to our editors: