WordPress : Rendre le premier message plus large que les autres messages sur la page d’accueil (par défaut)

Publié par Jean-Michel le

Je veux afficher le premier message plus large que les autres messages sur la page d’index de mon thème wordpress comme firstpost.com.

S’il vous plaît suggérez-moi comment faire cela?

Solution n°1 trouvée

lorsque vous démarrez la boucle, prenez une variable $i=1 ; et augmentez cette variable avec 1 à chaque fois que la boucle est en cours d’exécution

maintenant vous devez vérifier si $i=5 ou $i=10 (le nombre de messages que vous voulez) puis écrivez css pour le message large sinon normal comme tous les messages

Si vous avez un peu de connaissances en boucle, celle-ci est le moyen le plus simple.

Solution n°2 trouvée

vous créez une variable qui contient le nombre de boucles. puis à chaque itération vous incrémentez cette variable.

dans votre boucle, vous pouvez vérifier que le premier message fait autre chose que le reste des messages, attribuez une classe CSS différente par exemple.

// create var for count
$count = 0;

// do your loop & increment the var
if (have_posts()) : while (have_posts()) : the_post(); $count++;

if ($count === 1) :
// do code for only the first post...
endif;

// do code for the rest of your posts...

// end loop
endwhile; endif;

Solution n°3 trouvée

une manière possible : éditer index.php de yoko ; retrouvez cette rubrique :

<div id="wrap">
<div id="main">

et ajoutez ce code entre:

<?php if( is_home() && !is_paged() ) : ?>
<div id="full-top"  class="content">
    <?php the_post(); ?>

    <?php get_template_part( 'content', get_post_format() ); ?>
</div>
<?php endif; //end of if( is_home() && !is_paged() ) // ?>

code complet de index.php édité : http://pastebin.com/WFKzuQXa

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *