WordPress Francophone

Et voilà :

<?php $popular = new WP_Query('order=ASCs&showposts=3'); ?>
	<?php while ($popular->have_posts()) : $popular->the_post(); ?>
	<a href="<?php the_permalink(); ?>">
	<article class="news">
	<figure>
	<?php if ( has_post_thumbnail() ) { ?>
	<?php the_post_thumbnail('miniature-home'); ?>
	<?php } else { ?>
	<img width="213" height="128" src="<?php echo get_template_directory_uri() ?>/img/thematiques/index-defaut.jpg" alt="un article de Christus"/>
	<?php } ?>
	<figcaption>
	<h1><?php the_title(); ?></h1>
	<p><?php the_excerpt(); ?></p>
	</figcaption>
	</figure>
	</article>
	</a>
<?php endwhile; ?>

Par contre, je vous ai mis le code en HTML5...

Comme vous être encore en HTML4 (je suis allé voir le code source de votre site) il vous faudra remplacer les balises <article> par des <div>, et supprimer les balises <figure> et <figcaption>. Changer aussi l'emplacement du lien qui ne peut pas englober des éléments blocs en HTML4... Aller, je vous le fait :

<?php $popular = new WP_Query('order=ASCs&showposts=3'); ?>
	<?php while ($popular->have_posts()) : $popular->the_post(); ?>
	<div class="news">
	<?php if ( has_post_thumbnail() ) { ?>
	<?php the_post_thumbnail('miniature-home'); ?>
	<?php } else { ?>
	<img width="213" height="128" src="<?php echo get_template_directory_uri() ?>/img/thematiques/index-defaut.jpg" alt="un article de Christus"/>
	<?php } ?>
	<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
	<p><?php the_excerpt(); ?></p>
	</div><!-- .news -->
<?php endwhile; ?>

Hem : pardon, je vous ai mis le code avec les images en miniature...

Sans les images cela doit donner ceci :

<?php $popular = new WP_Query('order=ASCs&showposts=3'); ?>
	<?php while ($popular->have_posts()) : $popular->the_post(); ?>
	<div class="news">
	<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
	<p><?php the_excerpt(); ?></p>
	</div><!-- .news -->
<?php endwhile; ?>

Dernière modification par Olivier C (06-02-2012 17:46:34)

par souci du détail, juste après le endwhile; je rajouterai bien un petit wp_reset_postdata(); pour faire bonne figure.

Guy a écrit:

par souci du détail, juste après le endwhile; je rajouterai bien un petit wp_reset_postdata(); pour faire bonne figure.

Ah ! Comme quoi ça vaux le coup de dépanner les autres, en en apprend aussi sois-même.

Guy : à quoi sert exactement le postdata ? je n'ai jamais vraiment compris cette fonction, ce qu'elle reset exactement ? (je sais où elle se trouve dans le codex, mais comme je suis nul en Anglais.... google translate est mon ami, mais là, c'est un peu trop approximatif...)

Dernière modification par Olivier C (06-02-2012 17:58:08)

Cela réinitialise la requête de façon à ce que la boucle "normale" du template reprenne son cours. Pratiquement, cela remet la variable globale $post  à son état initial.
Ce n'est pas toujours utile, si il n'y a aucune autre boucle dans le template, mais c'est recommandé tout de même, on ne sait jamais ce que des développements futurs peuvent ajouter.

Le code fonctionne, c'est celui que j'utilise sur mon site, et dans ma home page qui plus est (mais de toute manière il fonctionne partout). Je l'ai juste adapté pour vos besoins...

Guy a écrit:

Cela réinitialise la requête de façon à ce que la boucle "normale" du template reprenne son cours. Pratiquement, cela remet la variable globale $post  à son état initial.
Ce n'est pas toujours utile, si il n'y a aucune autre boucle dans le template, mais c'est recommandé tout de même, on ne sait jamais ce que des développements futurs peuvent ajouter.

Merci Guy. Maintenant je connais la raison des bugs que j'ai pu avoir lors de certains essais avec une deuxième loop autrepart sur la page (mais pas tout le temps). Je m'en vais modifier mon code pour le rendre plus optimal...

Dernière modification par Olivier C (06-02-2012 18:10:19)

Je pense que le problème vient de l'utilisation du php dans ma page.
En effet au moment de la manip je bidouillais une autre solution avec le plugin "Exec-PHP" je l'ai ensuite désactivé vu que ça marchai et maintenant je ne retrouve plus la ligne que j'avais ajouté pour que cela fonctionne.
Bref j’essaie de réparer mes conneries.
Si vous connaissez d'autres plugins pour l'utilisation du php dans les pages n’hésitez pas.

tu entres le code avec exec php !!!

désolé, je ne comprends pas.
Si c'est trop compliqué je supprime ce plugin, surtout si je n'en ai pas besoin.

En effet, je collai le code dans la partie html de ma page d'accueil mais pas dans
Modèle pour la page d’accueil (index.php)

J'ai collé le code au bon endroit mais rien ne s'affiche, dois je "appeler" les infos dans ma page en html ?

Voiic ma pae index.php

<?php get_header(); ?>

<?php query_posts(array(
        'post__not_in' => $exl_posts,
        'paged' => $paged,
    )
); ?>

<?php $popular = new WP_Query('order=ASCs&showposts=3'); ?>
    <?php while ($popular->have_posts()) : $popular->the_post(); ?>
    <div class="news">
    <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
    <p><?php the_excerpt(); ?></p>
    </div><!-- .news -->
<?php endwhile; wp_reset_postdata(); ?>


<?php get_template_part('loop'); ?>

<?php wp_reset_query(); ?>

<?php get_template_part('pagination'); ?>

<?php get_footer(); ?>

Et ma page d'accueil en html

<div style="background-image: url('http://www.laruenhik.com/sene/wp-content/uploads/2012/02/fond-home3.jpg'); background-repeat: no-repeat; float: inherit; width: 593px; height: 431px;">
<table width="593" border="0" cellpadding="20">
<tbody>
<tr>
<td width="296">
<div style="margin: -30px 20px 0 0;">
<h1>Actualités en bref</h1>
</div></td>
<td width="297">
<div style="margin: 15px 15px 0 75px;">

Il n'a pas été si évident de prendre rendez-vous, parce que c'était admettre les kilos en trop et surtout envisager un régime ce qui sous-entendait pour moi les privations. Et mes peurs se sont effacées dès la première séance. Toutes les idées préconçues que je pouvais avoir ont été mises à "rude" épreuve. Maigrir sans régime, quelle idée !! <a href="?page_id=78#Aline">Lire la suite</a>

</div></td>
</tr>
</tbody>
</table>
</div>

<div id="content">

<!-- mettez le code proposé ici, à la place de ce commentaire, entre les deux balises indiquées, juste pour voir -->
           
<div class="entry">

Dernière modification par Olivier C (06-02-2012 18:57:34)

Le reste du code html (tableau et mise en forme) résistera il à ce changement en .php ?
Car j'ai prévu d'imbriquer cet extrait d'infos dans la case de gauche de mon tableau.

Je suis désolée de vous prendre du temps comme ça :s