/ / Espaces libres Wordpress et Wordpress - wordpress, zurb-foundation

Espaces vierges Fondation et Wordpress - wordpress, zurb-foundation

Tout le monde a une idée de la des espaces vides que je reçois une boucle avec wordpress en utilisant le framework de base?

    <div class="large-8 columns">

<?php query_posts(array("category_name" => "revista", "paged" => get_query_var("paged"), "posts_per_page" => 9 )); ?>

<?php while ( have_posts() ) : the_post(); ?>

<article class="boletin large-4 columns" style="min-height:1px;">

<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>

<h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>

</article>

<?php endwhile; ?>

</div><!-- /large-8 -->

<?php get_sidebar(); ?>

</div>

Voici la page (veuillez utiliser CTRL + F5 pour voir la dernière version)

http://www.aoa.cl/revistas/

Réponses:

0 pour la réponse № 1

La raison en est que vos tuiles n'ont pas la même hauteur. vous pouvez utiliser Égaliseur de fondation pour réparer ça. et laisser le code a vous l'avez. Je voudrais encore changer le grand à petit et avoir

<article class="small-12 medium-6 large-4 columns">

pour obtenir des résultats plus réactifs. La fondation est d'abord mobile. Code pour les petits écrans en premier lieu, et les périphériques plus grands hériteront de ces styles. Personnaliser pour des écrans plus grands si nécessaire.

Si vous souhaitez avoir seulement trois colonnes à la fois surmobile et desktop font les choses suivantes: J'ajoute une ligne toutes les trois lignes. aussi changé grand à petit (les grands écrans héritent de petits bien meilleurs que les petits héritent).

<div class="small-8 columns">
<?php $count=0;?>
<?php query_posts(array("category_name" => "revista", "paged" => get_query_var("paged"), "posts_per_page" => 9 )); ?>

<?php while ( have_posts() ) : the_post(); ?>
<?php if ($count % 3 == 0): ?>
<div class="row">
<?php end_if; ?>
<article class="boletin small-4 columns" style="min-height:1px;">
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>

<h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>

</article>
<?php if ($count % 3 == 2): ?>
</div>
<?php end_if; ?>
<?php $count++; ?>

<?php endwhile; ?>

</div><!-- /small-8 -->

<?php get_sidebar(); ?>