Thickbox est en fait utilisé dans l’administration de wordpress pour ajouter des médias dans vos articles. Cette boite de dialogue utilise le javascript et permet d’optimiser l’affichage des fonctions internes de WordPress. Mais, il est possible d’utiliser cette fonction pour vos articles ou pages. En utilisant les scripts utiliser de l’administration, vous pouvez créer un magnifique aperçu de vos images.

Certes, des plugins wordpress existent, permettant de créer ce genre de boite de dialogue, mais pourquoi s’embêter avec du code en plus quand les fichiers sont déjà disponibles sur votre serveur, prêt à être utilisé. Nice2All nous donne cette petite technique qui se tient en trois lignes, puis, une simple classe à ajouter dans les balise “a href” de vos liens.

Tout d’abord, insérez ces trois lignes dans votre fichier “header.php” juste avant la balise “wp-head”

<?php wp_enqueue_style('thickbox'); ?>
<?php wp_enqueue_script('jquery'); ?>
<?php wp_enqueue_script('thickbox'); ?>

Dans vos articles, lorsque vous voulez activer l’effet d’agrandissement en ajax, il vous suffit d’ajouter la balise “class=”thickbox” au lien de votre miniature. Nous avons donc ce résultat.

<a class="thickbox" href="image-full.jpg"><img title="Titre" src="image-mini.jpg" alt="Titre 2" width="150" height="150" /></a>