Grâce a ce script, et une simple manipulation a chaque articles posté, vous pourrez affichés, les derniers articles avec une miniature. Le script est réalisé par Pierre.

Première étape :
Dans l’administration de wordpress, aller dans « Réglages »« Divers », dans « Taille des miniatures » mettez ici la taille de vos miniatures, 60×60 par exemple, et cocher la case « Rogner les images… »

Deuxième étape :
Pendant que vous tapez votre article, uploader votre image, une grand image de préférence, il vous faudra créer une miniature, il suffit de coché la case « Réduire » et l’option « petit côté (rogner) ». Une fois uploader, cliquer sur « Afficher », ensuite, clic droit sur la miniature et copiez l’adresse.

Troisème étape :
Pour pouvoir affiché la miniature on va utilisé les champs personnalisés, ils sont en bas de page, lorsque vous écrivez un article. Ensuite, une fois que la miniature est inséré, publier =)

Le code PHP pour votre sidebar :
Pierre nous partage son code source de base que nous pouvons bien sûr modifier. Il affichera les miniatures des derniers articles, dans toute les pages. Vous pouvez personnalisé le nombre de miniature via « numberposts=9 », il vous suffit de changer 9 par le nombre que vous voulez…

<?php
global $post;
$myposts = get_posts(‘numberposts=9&orderby=post_date&order=DESC’ );
foreach($myposts as $post) :
?>
<a href= »<? the_permalink(); ?> » title= »<? the_title(); ?> »>
<img src= »<? $cid = $post->ID; $values = get_post_custom_values(‘thumb’, $cid); echo $values[0]; ?> » alt= »<? the_title(); ?> » class= »thumb » />
</a>
<?php endforeach; ?>

Pour affiché les miniatures d’une catégorie, changé le nombre « 1 » par le numéro de votre catégorie, insérez ce code :

<?php
global $post;
$myposts = get_posts(‘numberposts=9&orderby=post_date&category=1&order=DESC’ );
foreach($myposts as $post) :
?>
<a href= »<? the_permalink(); ?> » title= »<? the_title(); ?> »>
<img src= »<? $cid = $post->ID; $values = get_post_custom_values(‘thumb’, $cid); echo $values[0]; ?> » alt= »<? the_title(); ?> » class= »thumb » />
</a>
<?php endforeach; ?>

Pour l’afficher seulement dans l’index, insérez ce bout de code après ‘<?php’ « if(is_home()){«  et remplacé la dernière ligne du script par « <?php endforeach; } ?> »

Pour ensuite personnalisé l’affichage, vous pouvez utilisé votre feuille de style en y ajoutant la balise « thumb » ou « img.thumb »

Exemple :
#sidebars img.thumb {
border-style:solid;
border-color:#dedede;
border-width:2px;
margin-left:-2px;
}

BRANDT Valentin

Créateur de Geekeries.fr. Référentiel de ressources WordPress en Français qui a vu le jour pour la toute première fois en 2007. Je publie régulièrement des plugins, des outils SEO, des ressources et de l'actualités pour améliorer votre expérience avec le CMS WordPress.

Ne manquez pas nos autres contenus :