/ / Foundation und Wordpress Leerzeichen - WordPress, Zurb-Stiftung

Foundation und Wordpress Leerzeichen - WordPress, Zurb-Stiftung

Jeder hat eine Vorstellung von der leere Plätze dass ich mit Wordpress mit Foundation Framework in eine While-Schleife komme?

    <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>

Hier ist die Seite (bitte benutzen STRG + F5 um die neueste Version zu sehen)

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

Antworten:

0 für die Antwort № 1

Der Grund dafür ist, dass Ihre Fliesen nicht die gleiche Höhe haben. Sie können verwenden Fundament-Equalizer um das zu beheben. und lass den Code, hast du es. Ich würde immer noch das große auf klein umstellen und haben

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

um bessere Ergebnisse zu erzielen. Foundation ist Mobile-First. Code für kleine Bildschirme zuerst und größere Geräte erben diese Stile. Passen Sie für größere Bildschirme nach Bedarf an.

Wenn Sie nur drei Spalten auf haben möchtenMobile und Desktop machen folgendes: Ich füge alle drei Zeilen eine Zeile hinzu. auch groß zu klein geändert (große Bildschirme erben klein viel besser als kleine erben groß).

<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(); ?>