[Wordpress] Articles relatifs et thumbnails !

Je travail toujours sur l’évolution et les corrections à apporter au thème actuel de ce blog. Dans ce travail j’ai récemment ajouté une petite fonction qui, au lieu d’afficher une liste d’articles relatifs via un plugin, va afficher des vignettes et ce sans plugin ! ◎ relative_thumbnail Comme on peut le voir sur l’image ci dessus nous avons donc de belles miniatures d’affichées au dessus du titre du billet. Pour faire ceci il faut déjà avoir activer la gestion des “post thumbnail” pour son Wordpress. Cela se passe dans le fichier functions.php du thème.``` if ( function_exists( ‘add_theme_support’ ) ) { // Added in 2.9 add_theme_support( ‘post-thumbnails’ ); set_post_thumbnail_size( 50, 50 ); // Normal post thumbnails add_image_size( ‘thumb620’, 620, 9999 ); // Permalink thumbnail size add_image_size( ‘thumb80’, 80, 80 ); // Permalink thumbnail size add_image_size( ‘thumb160’, 160, 9999 ); // Permalink thumbnail size }

**Ensuite dans la boucle Wordpress du template on appelle une image de billet de la manière suivante :**

<? php the\_post\_thumbnail('thumb160'); ?>

![Pas d'illustration pour ce billet](<?php bloginfo('template_directory'); ?>/img/noimg.png)

Ce code affiche l'image de billet si elle a été définie sinon elle affiche une image par défaut. **Pour avoir le résultat présenté dans la capture d'écran il faut donc utiliser le code qui suit dans votre template :**

ID); if ($tags) { $tag\_ids = array(); foreach($tags as $individual\_tag) $tag\_ids\[\] = $individual\_tag->term\_id; $args=array( 'tag\_\_in' => $tag\_ids, 'post\_\_not\_in' => array($post->ID), 'showposts'=> 6, // Number of related posts that will be shown. 'caller\_get\_posts'=>1 ); $my\_query = new wp\_query($args); if( $my\_query->have\_posts() ) { while ($my\_query->have\_posts()) { $my\_query->the\_post();?>

             [<?php if ( has\_post\_thumbnail() ): ?>
                <?php the\_post\_thumbnail('thumb160'); ?>
            <?php else : ?>
                ![Pas d'illustration pour ce billet](<?php bloginfo('template_directory'); ?>/img/noimg.png)
            <?php endif; ?>

]( "Lien vers : ")

    <?php 
	}
}

} ?>

**Puis mettre ceci dans son fichier css :** .relative-wp-caption { width:180px; border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.alignleft {float: left;}

---
### Comments:
#### 
[référencemen](http://www.agence-visibilite.fr/ "[email protected]") - <time datetime="2010-07-17 13:02:45">Jul 6, 2010</time>

pleins de remerciements.
<hr />
#### 
[Jérémy Wanderscheid](http://chezwanders.info "[email protected]") - <time datetime="2010-11-05 07:38:14">Nov 5, 2010</time>

> [**_Mutalisk:_**](#comment-4717)
> 
> Hello, je voulais appliquer ca sur mon site, mais je trouve pas ou activé les tumbnails !
> 
> Merci

Comme indiqué dans l'article il faut activer les fonctions de miniatures dans le fichier functions.php du thème. Si ce fichier n’existe pas tu peux le créer et y copier coller le code indiqué plus haut. Ton site est sympas au passage ;-)
<hr />
#### 
[cougar](http://blog.bretagne-balades.com "[email protected]") - <time datetime="2010-09-25 14:36:03">Sep 6, 2010</time>

je vais essayer ton tips. merci
<hr />
#### 
[Mutalisk](http://mapstarcraft2.com/tutoriel-pomf-et-thud/ "[email protected]") - <time datetime="2010-10-28 01:35:32">Oct 4, 2010</time>

Hello, je voulais appliquer ca sur mon site, mais je trouve pas ou activé les tumbnails ! Merci
<hr />

[Wordpress] Articles relatifs et thumbnails !

Lire aussi :