Problème d'affichage avec le tuto "Créer une homepage personnalisée"

Par jeanluc974, il y a 10 ans

PHP Wordpress

Bonjour à toutes et tous.
J'ai bien aimé le tuto "Créer une hoomepage personnalisée".
Je l'ai mis en place sur mon thème WP mais à l'affichage celui-ci m'affiche les articles dans la même colonne.
Avez vous rencontrés le même soucis et quelles solutions avez trouvez ?
Merci de votre aide.
Jean-luc.

7 réponses

MrCastor, il y a 10 ans

Salut,
Peux-tu nous montrer le code de ton template ?

jeanluc974, il y a 10 ans

bonjour monsieur castor, voici le code de mon template :

<?php
/
Template Name: Page d'accueil
/
?>
<?php get_header(); ?>
<?php while(have_posts()): the_post(); ?>
<div class="art-main">
<h1><?php the_title(); ?></h1>
<?php the_content(); ?>
</div>
<?php endwhile; ?>
<div class="art-main">
<h1>Les dernières actualités</h1>
</div>
<div class="row">
<?php
$query = new WP_query(array('post_type'=>'post','post_per_page'=>4));
while($query->have_posts()): $query->the_post(); global $post;
?>
<div class="span4">
<h4><?php the_title(); ?></h4>
<?php the_content(); ?>
</div>
<?php endwhile; ?>
</div>
<?php get_footer(); ?>

Merci.!

MrCastor, il y a 10 ans
<?php endwhile; ?> Les dernières actualités 'post','post_per_page'=>4)); while($query->have_posts()): $query->the_post(); global $post; ?> <?php endwhile; ?>

C'est ce bout de code qui affiche tes articles. Si tu ne veux pas les voir apparaître, supprime le code.
Si tu veux une disposition spécifique, il va falloir faire du css ou mettre ce bout de code dans ton fichier sidebar.php

Que veux-tu faire ?

jeanluc974, il y a 10 ans

Merci MrCastor pour ta réponse, en fait je veux un affichage de mes post sur 4 colonnes, d'où la boucle while.
Mais cela ne fonctionne pas, tous mes posts s'affichent sur une seule et même colonne.

Merci

ps : comment fait-on pour poster une capture d'écran ?

Khalysto, il y a 10 ans

Bonjour,

Pour avoir 4 colonnes, ça se passe dans le css.

<?php endwhile; ?> Les dernières actualités 'post','post_per_page'=>4)); while($query->have_posts()): $query->the_post(); global $post; ?> <div class="column"></div> <?php endwhile; ?>

Et après tu styles

jeanluc974, il y a 10 ans

Bonjour Khalysto,
Ta solution permet de créer X colonnes, mais les articles à la suite.

Moi je souhaiterai avoir un résultat comme :
colonne 1 colonne 2 colonne 3 colonne 4
article 1 article 2 article 3 article 4

colonne 1 colonne 2 colonne 3 colonne 4
article 5 article 6 article 7 article 8
etc...

En fait, le css columns permet un affichage de type "journal"

sur le code de mon tpl-exemple.php est :

<?php Template Name: Page d'accueil ?> <?php get_header(); ?> <?php while(have_posts()): the_post(); ?> <div class="art-main"> <h1><?php the_title(); ?></h1> <?php the_content(); ?> </div><?php endwhile; ?> <div class="art-main"> <h1>Les dernières actualités</h1> </div> <div class="row"> <?php $query = new WP_query(array('post_type'=>'post','posts_per_page'=>4)); while($query->have_posts()): $query->the_post(); global $post; ?> <div class="span4"> <h4><?php the_title(); ?></h4> <?php the_date(); echo " "; the_author(); ?> <?php the_content(); ?> </div> <?php endwhile; ?> </div> <?php get_footer(); ?>

Merci pour vos réponses. Je continu de chercher.
Jean-luc.

MrCastor, il y a 10 ans
.span4 { float: left; width: calc(100% / 4); }

Si tu as des hauteurs variables pour tes articles, je te conseille masonry.