WordPress : WP-Choose-Thumb, pour afficher les vignettes d’un article

WP-Choose-Thumb fait partie de ces pour WordPress qui risquent de devenir très vite indispensables. Et pour cause puisqu’il va vous permettre de choisir et d’afficher la vignette de votre choix pour présenter vos articles. Le tout sans une seule ligne de code… Ou presque. En bref, si vous êtes un adepte des thèmes « magazine », vous savez ce qu’il vous reste à faire.

Intégrer des vignettes de ses articles dans son thème WordPress a toujours été délicat. Certains ont opté pour les champs personnalisés, d’autres pour quelques lignes de code, mais le fait est que ces solutions n’ont rien de pratique pour les blogueurs qui débutent. Bien heureusement pour ces derniers, WP-Choose-Thumb change complètement la donne.

Pour en profiter, il suffit simplement de suivre les étapes suivantes :

  1. On commence par télécharger et installer le plugin. Rien de bien compliqué. On précisera juste que vous pouvez installer directement WP-Choose-Thumb depuis votre interface d’administration : « Extension » > « Ajouter ».
  2. On l’active en cliquant sur le lien qui va bien. Notons que j’ai eu l’occasion de tester ce plugin sur différentes configurations et que je n’ai pas été confronté à un seul problème de compatibilité.
  3. On règle la taille de ses vignettes en passant par le menu « Réglages » > « Médias ». Pour se faire, il suffit d’indiquer les dimensions souhaitées au niveau de la taille des miniatures.

A présent que WP-Choose-Thumb est installé, actif et correctement configuré, vous allez pouvoir afficher les miniatures de vos articles n’importe où dans votre thème. Il vous suffira en effet d’utiliser la ligne de code suivante dans votre boucle :

<?php if(function_exists('wct_display_thumb')){ if(!wct_display_thumb()){ /* Optionally add code for no thumbnail. */  } } ?>

Et si vous souhaitez insérer vos vignettes en dehors de votre boucle, alors c’est pour les lignes suivantes qu’il faudra opter :

1
2
3
4
5
6
7
8
9

<?php
if(function_exists('wct_display_thumb')):
    $style = 'style="padding:5px;"'; // extra styling.
    $postId = $post->ID; // the id of the post.
    if(!wct_display_thumb($style, $postId)): 
    /* Optionally add code for no thumbnail. */
    endif;
endif;
?>

Crédits Photo

Related Posts with Thumbnails

Auteur : Fred
Catégorie(s) : Ressources, Wordpress
Tags : ,

11 commentaires


  1. #1
    Lionel – Websourcing.fr, le 27 fév 2010 à 18 h 49 min

    Ben en fait depuis la version 2.9 il y a une fonctionnalité bien pratique directement accessible dans l’interface d’admin.

    the_post_thumbnail() permet notamment de choisir son image via la bibliothèque de média.

    Faut juste l’activer avec une petite ligne de code dans function.php :

    add_theme_support(‘post-thumbnails’);*

    Vraiment pratique !

    RépondreRépondre

  2. #2
    Fred, le 1 mar 2010 à 17 h 21 min

    Et c’est natif à WordPress ? Bah tu m’en apprends une sacrée là :)

    RépondreRépondre

  3. #3
    Li-An, le 7 avr 2010 à 10 h 40 min

    J’ai l’impression que le plugin propose autre chose: une liste de miniature dans laquelle piocher (donc indépendante des images uploadées pour un billet).

    RépondreRépondre

  4. #4
    DarthHeirophant, le 22 avr 2010 à 11 h 28 min

    En voilà une chose utile pour le jour où je voudrais changer de thème en conservant les miniatures des articles qui étaient intégrées dans mon thème courant ^^ merci bien pour cette petite astuce!

    RépondreRépondre

  5. #5
    Fred, le 15 juin 2010 à 14 h 34 min

    @Li-An: Les images qu’il te propose sont celles que tu as uploadé pour le billet en cours.

    @DarthHeirophant: Perso je l’utilise sur la Fredzone et je ne peux plus m’en passer ^^

    RépondreRépondre

  6. #6
    Benjo, le 24 juin 2010 à 17 h 10 min

    Ca ne fonctionne pas!! J’upload des images que j’insère à l’article et aucune vignette ne s’affiche dans la fenêtre « WP-Choose-Thumb » à droite. J’ai beau cliquer sur Refresh, rien n’y fait… Quelqu’un a une solution?

    RépondreRépondre

  7. #7
    Li-An, le 24 juin 2010 à 17 h 36 min

    Le thème est bien compatible avec la fonction miniature ?

    RépondreRépondre

  8. #8
    Benjo, le 25 juin 2010 à 9 h 24 min

    Pour l’instant, je suis encore sur le thème par défaut twentyten. Le problème n’est pas en partie internaute mais en partie admin. Sur l’interface de saisie d’un article, aucune miniature à cocher ne s’affiche dans la liste même en cliquant sur Refresh.

    RépondreRépondre

  9. #9
    Li-An, le 25 juin 2010 à 9 h 39 min

    Regarde ce que ça donne avec le plugin File Gallery qui propose le même genre de manip.

    RépondreRépondre

  10. #10
    Benjo, le 25 juin 2010 à 10 h 12 min

    Merci, pour ton aide mais j’ai résolu le problème en utilisant add_theme_support dont on a parlé plus haut…

    J’ai du faire quelques recherches parce que j’avais pas tout de suite compris comment l’utiliser. S’il y en a qui galèrent comme moi, voila pas à pas ce qu’il faut faire.

    1) Dans wp-content/themes/twentyten/functions.php ajouter tout en bas :
    add_theme_support( ‘post-thumbnails’ );

    2) Dans wp-content/themes/twentyten/loop.php aux alentours de la ligne 139, ajouter :
    the_post_thumbnail(‘thumbnail’, array(‘class’ => ‘alignleft’));

    3) Enfin, ne pas oublier de lier une image grâce à l’option « image à la une » dans l’interface de saisie d’article.

    Voilou ^^

    RépondreRépondre

  11. #11
    Fred, le 25 juin 2010 à 14 h 28 min

    @Benjo: Oui, il y a un petit bug : tu dois d’abord enregistrer (ou planifier) ton article pour que les miniatures apparaissent. Là, tu sélectionnes juste celle de ton choix et tu enregistres de nouveau ton article.

    @Li-An: C’est la miniature (avec la taille que tu as paramétrée) qui est effectivement chargée.

    @Benjo: Bon bah tout va bien alors :)

    RépondreRépondre