Comment Rankings vous permet d'afficher ...

En savoir plus

Publicité

En savoir plus
Astuces : Afficher une miniature pour les derniers articles…

Astuces : Afficher une miniature pour les derniers articles…

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;
}

Ajouter un commentaire

11 commentaires !

  1. Nicolas TAFFOREAU says:

    mai 19, 2008

    Répondre

    Un article qui ne tombe pas dans l’oreille d’un sourd. Je pense m’en inspirer.

    Merci pour le tuyau (et pour le link aussi).

  2. Valentin says:

    mai 22, 2008

    Répondre

    Derien ;) tiens moi au courant.

  3. Démian says:

    juil 4, 2008

    Répondre

    Cela faisait un petit temps que je cherchais à réaliser quelque chose comme ça! Voilà qui est chose fait ! Un grand merci pour ces explications, claires et complètes.

    Bonne continuation

  4. Valentin says:

    juil 5, 2008

    Répondre

    @Démian: Merci Démian :wink: au passage… vraiment bien fait ton blog, flux RSS ajouté :idea:

  5. Démian says:

    juil 24, 2008

    Répondre

    Je reviens sur cette astuce qui m’avait bien aidé! Encore merci. Et merci pour le gentil compliment, Valentin! :smile:

    J’ai une petite question relativement à l’intégration. Y aurait-il également moyen d’afficher cette liste de miniatures à l’intérieur d’une page ou d’un article. Et si oui, comment faudrait-il procéder ?

  6. Valentin says:

    juil 24, 2008

    Répondre

    @Démian: Yep, c’est facile, je te conseil le plugins ExecPHP, disponible ici : http://wordpress.org/extend/plugins/exec-php/.
    Il permet d’interpréter le php dans tes articles, pages etc.

    A+ :wink:

  7. Démian says:

    juil 25, 2008

    Répondre

    Merci pour cette réponse rapide. J’ai essayé d’installer le plugin mais impossible de le faire fonctionner. J’ai bien-sûr suivi les captures d’écran pour la configuration. Mais c’est à chaque fois le même résultat: lorsque j’insère le code et que j’enregistre ma page, l’administration du blog plante.

    D’autre part, j’ai essayé via une iframe, mais là le code ne marche pas. Je me suis dit ensuite (je réfléhis souvent après) que c’était idiot d’avoir essayé ça! Et du coup je me demande si ce ne serait pas le même problème dans une page. Vu qu’on n’est pas dans une boucle non plus ?

    Je suis un peu beaucoup bêbête sur les bords pour tout ça, je l’avoue! :oops:

  8. Valentin says:

    juil 25, 2008

    Répondre

    Je viens de tester sur un blog “Wordpress 2.5″ Il marche parfaitement bien. Quand tu créer la page, met toi en mode html, et insère par exemple “< ?php wp_list_categories(); ?>“. Il affichera normalement les catégories… après sa peut venir de ton code php…

  9. Céline says:

    mai 22, 2009

    Répondre

    Bonjour,

    Merci pour cette astuce, c’est presque ce que je recherchais depuis des lustres !

    Dans ce code, est-il possible de le modifier pour que le code affiche des articles aléatoirement ?

    Merci d’avance !!

  10. lionel says:

    sept 16, 2009

    Répondre

    Bonsoir à vous

    je ne trouve pas dans mon blog dans l’administration de wordpress,”Réglages” – “Divers”, dans “Taille des miniatures” “Rogner les images” est ce que quelqu’un pourrais me renseigner, merci

  11. [...] les derniers billets en images, pour afficher vos x derniers billets avec une miniature. [...]

Qu'est-ce que vous en pensez ? :)

Nom obligatoire

Site

♥ Ici, on utilise KeywordLuv. Entrez YourName@YourKeywords dans le formulaire "Nom" pour bénéficier des avantages SEO d'un mot-clef ciblé. Devenez membre et connectez-vous pour partager des fichiers via les commentaires !

Votre Newsletter WordPress !