Plugin nice tooltips pour ajouter automatiquement des tooltips sur les liens

Ce plugin crée des infos bulles plus sophistiquées quand on passe la souris par dessus un lien qui a reçu l'attribut title. Ces infos bulles permettent de donner des explications supplémentaires sur ce qui va suivre dans le lien, sans surcharger le texte de l'article.

Installation

Téléchargez le plugin nice tooltips. Ne faites pas une installation automatique, il faut dézipper et envoyer par ftp uniquement le dossier tooltips. Le plugin n’a pas de page d’option et se met à fonctionner dès qu’on l’active.

Réglages et optimisation

Choix de la bulle

On a le choix entre deux types d’affichage: bubble tooltips ou sweet titles (voir http://wordpress.org/extend/plugins/bubble-tooltip/screenshots/), pour cela il faut éditer le fichier tooltips.php

// Edit here, Define tooltip, 1 for Bubble Tooltips, 0 for Sweet Titles
$fbtt_bubble = '1';

Zone d’application

Ensuite, par défaut les tooltips apparaissent partout dans la page. Pour les limiter à une région de la page, on peut modifier le même fichier tooltips.php en indiquant l’identifiant css de la div de cette région. Dans mon cas, le centre de page se trouve, dans mon thème, dans une div qui a l’id #main

...
window.onload = function(){
	enableTooltips(\"main\")
};
...

Petit debug feuille de styles

J’ai aussi apporté une modification à la feuille de styles pour qu’elle trouve l’image de la bulle quelque soit le sous dossier où est installé wordpress:

.tooltip span.top{
padding: 30px 8px 0;
background: url(../bt.gif) no-repeat top
}
 
/* incl. linkcolor */
.tooltip b.bottom{
padding:3px 8px 15px;
color: #556B2F;
background: url(../bt.gif) no-repeat bottom}

Chargement

Petit changement sur le chargement:

function BubbleTooltips_addLoad()
{
	?>
	<script type="text/javascript">
	jQuery(document).ready(function () {
	enableTooltips("content");
	});
	</script>
	<?php 	
}