Alguien tiene una idea sobre el espacios en blanco que me estoy poniendo en un bucle while con wordpress usando el framework 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>
Aquí está la página (por favor usa CTRL + F5 para ver la última versión)
Respuestas
0 para la respuesta № 1la razón por la que esto sucede es que tus mosaicos no tienen la misma altura. puedes usar Ecualizador de la Fundación arreglar eso y deja el código si lo tienes. Todavía cambiaría lo grande a lo pequeño y tendré
<article class="small-12 medium-6 large-4 columns">
para lograr mejores resultados receptivos. La Fundación es móvil primero. Primero, el código para pantallas pequeñas y dispositivos más grandes heredarán esos estilos. Personalizar para pantallas más grandes según sea necesario.
Si desea tener solo tres columnas ambas enel móvil y el escritorio hacen lo siguiente: Estoy agregando una fila cada tres líneas. también cambió de grande a pequeño (las pantallas grandes heredan las pequeñas mucho mejor que las pequeñas heredan las grandes).
<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(); ?>