Utiliser la fonctionnalité « thickbox » de WordPress !

    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.

    Thickbox WordPress : Utiliser la fonctionnalité "thickbox" de WordPress !

    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>
    Publié dans Développement web
    En ligne depuis le 16 juillet
    Share |

    Partagez des informations à propos de cet article !

    Pour toute question technique, merci de laisser un commentaire clair et précis en informations.

    1. frink_cdn

      merci valentin !!

    2. Les plugins ont souvent l’intérêt de rajouter automatiquement le code qui appelle l’effet sur les images. Ce qui permets de changer d’effet plus simplement – ou alors de rajouter une extension pour rajouter le code. On en sort pas…

    3. En fait, j’ai ma réponse (dommage qu’on ne puisse pas éditer son commentaire), mais j’ai tout de même un soucis : la thickbox est toute petite, pas du tout de la même taille que celle qui s’affiche dans le panneau d’administration…

    4. Est-ce que c’est possible d’utiliser cette fonctionnalité pour créer un aperçu d’un thème à télécharger, un peu comme l’aperçu des thèmes dans l’interface d’administration de WordPress ?
      Merci d’avance ! :lol:

    5. [...] Geekeries (They re-published one of my articles on jQuery and Thickbox.) [...]

    6. @Bernard : excellente idée , il fonctionne plutôt bien

      A+

    7. @Dreamer: Finalement, j’opte également pour FancyZoom que je trouve bien sympas

    8. Salut

      Je lui préfère FancyZoom ( http://granades.com/wp-fancyzoom-wordpress-plugin/ ), plus facile à utiliser et qui n’utilise pas JQuery et autre !!

    9. Bien le bonsoir.
      Fonction interessante effectivement..vais l’utiliser pour mes galeries.
      merci

    10. [...] here to read the rest: Thickbox plugin effet lightbox pour wordpress Tags: lightbox – plugin Comments0 Leave a Reply Click here to cancel [...]

    11. Merci ;)
      Je vais voir si je délaisse Lightbox pour ça.

    12. Un exemple de ce que ça donne ?







    who's online