Voici une autre manière d’afficher simplement et rapidement les miniatures de chacun de vos articles de votre blog. Contrairement au plugin que je vous ai présenté il y a quelques heures « WP-Choose-Thumb« , cette fonction affichera les miniatures sur l’ensemble de vos articles, sans toucher a d’autres bricoles, il vous suffit simplement d’appeler la fonction , de personnaliser son affichage et d’enregistrer. Via WPHackr
Cette fonction, qu’on peut appeler « Get Image Post » vous facilitera la tâche pour une nouvelle version de votre blog, ou simplement un relookage de votre page d’accueil et de vos autres pages telles que la page recherche ou encore ceux des catégories. Ce code peut s’utiliser n’importe où a condition de le placer dans le « loop » de wordpress. Toutefois, il faut préalablement définir une taille pour vos miniatures. Les images déjà uploader ne pourront être modifiées si vous êtes amener a changer la taille.
Tout d’abord, ce code sera placé dans le fichier « functions.php » dans le dossier de votre thème. Si vous ne l’avez toujours pas créé, faite-le ! Grâce a ce fichier nous pourrons appeler la fonction plusieurs fois , en toute simplicité grâce à un morceau de code; Nous éviterons ainsi de trop surcharger le code source de vos fichier .php.
function getpost_img($postId) {
$iPostID = $postId;
$arrImages =& get_children('post_type=attachment&post_mime_type=image&post_parent=' . $iPostID );
if($arrImages) {
$arrKeys = array_keys($arrImages);
foreach($arrImages as $oImage) {
$arrNewImages[] = $oImage;
}
for($i = 0; $i < sizeof($arrNewImages) - 1; $i++) {
for($j = 0; $j < sizeof($arrNewImages) - 1; $j++) {
if((int)$arrNewImages[$j]->menu_order > (int)$arrNewImages[$j + 1]->menu_order) {
$oTemp = $arrNewImages[$j];
$arrNewImages[$j] = $arrNewImages[$j + 1];
$arrNewImages[$j + 1] = $oTemp;
}
}
}
$arrKeys = array();
foreach($arrNewImages as $oNewImage) {
$arrKeys[] = $oNewImage->ID;
}
$iNum = $arrKeys[0];
$sThumbUrl = wp_get_attachment_thumb_url($iNum);
$sImgString = '<a href="' . get_permalink() . '">' .
'<img style="float: left; margin-right: 9px; " src="' . $sThumbUrl . '" width="130" height="130" alt="" title="" />' .
'</a>';
echo $sImgString;
}
}
Certes, cette fonction est assez longue pour n’afficher qu’une simple image, celle de vos articles, mais cela vaut vraiment le coup. Maintenant nous allons utiliser le code suivant pour appeler cette fonction; N’oubliez pas, il faut absolument que ce code soit dans la boucle des articles WordPress.
< ? getpost_img($post->ID); ?>
Pour les plus débutant voici un exemple d’intégration dans la boucle wordpress. La fonction « the_content_rss » est utilisé pour « couper » votre article. Cela donne un extrait qui va parfaitement avec l’image; Le chiffre correspond au nombre de caractère, à vous de le personnaliser.
< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Lien permanent vers < ?php the_title_attribute(); ?>">< ?php the_title(); ?></a>
< ? getpost_img($post->ID); ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Lien permanent vers < ?php the_title_attribute(); ?>">< ?php the_content_rss('', TRUE, '', 105); ?></a>
< ?php endwhile; ?>
< ?php endif; ?>
Bonjour et tout d’abord merci pour cette astuce qui m’est bien utile.
Cependant, je rencontre un petit problème, j’ai des articles avec 3 photos et ce script m’affiche une des trois photos en miniature.
Le problème c’est que je ne peux pas choisir la photo qu’il va afficher et je souhaiterais afficher la première.
Avez vous une solution ?
Merci d’avance.
Super, merci l’ami !! :cool:
Bonsoir !
Est-ce que la fonction fonctionne toujours avec la version 2.8 de WordPress ?
J’ai essayé et chez moi elle fonctionne pas
[...] par vignettes suivi d’un court extrait de l’article. Utilisant la fonction présenté dans cet article, il est donc très simple d’afficher une vignette correspondant à l’article. Cependant, certains [...]
[...] module fonctionne grâce à un bout de code que je vous avais publié ici ; Lire : Afficher les miniatures des articles de votre blog. Ce code récupère la première image que vous avez envoyée sur votre serveur pour illustrer [...]
Voilà enfin la bonne info que je cherchais merci
[...] la famille des bons plans, nous avons Geekeries qui nous file une astuce pour afficher les miniatures de vos articles sur votre blog. Et comme tout se passe dans la boucle, vous n’aurez rien à changer dans vos [...]
Merci beaucoup pour l’article! J’en avais besoin mais je ne trouvais rien !
Merci encore! :lol:
C’est justement une fonction que je recherchai ! Merci :)
J’avais essayé ce plugin : http://www.prelovac.com/vladimir/wordpress-plugins/snazzy-archives
Mais la mise en page est énorme et finalement pas très flexible.
Sympa ton blog j’aime beaucoup.