3
Next I’m building a website that needs to show the posts with wordpress, however I’m using the Skeleton grid framework, it works as follows:
<div class="container">
<div class="row">
<div class="three columns"></div>
<div class="three columns"></div>
<div class="three columns"></div>
<div class="three columns"></div>
</div>
</div>
And so go....
But I’m having the following :
And the Problem:
Wordpress has the following scheme of giving display in the posts:
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php endwhile?>
<?php else: ?>
<?php endif; ?>
How I adapt the grid system for every 4 posts to give a <div class="row">
at the beginning and a </div>
at the end, to be responsive?
Current situation:
<div class="row">
<div class="three columns">
<article class="articlebox">
<header class="articleheader">
<h2 class="article_title">Teste Bananinha</h2>
</header>
</article>
</div>
<div class="three columns">
<article class="articlebox">
<header class="articleheader">
<h2 class="article_title">Teste Bananinha</h2>
</header>
</article>
</div>
<div class="three columns">
<article class="articlebox">
<header class="articleheader">
<h2 class="article_title">Teste Bananinha</h2>
</header>
</article>
</div>
<div class="three columns">
<article class="articlebox">
<header class="articleheader">
<h2 class="article_title">Teste Bananinha</h2>
</header>
</article>
</div>
</div>
<div class="row">
<div class="three columns">
<article class="articlebox">
<header class="articleheader">
<h2 class="article_title">Teste Bananinha</h2>
</header>
</article>
</div>
<div class="three columns">
<article class="articlebox">
<header class="articleheader">
<h2 class="article_title">Teste Bananinha</h2>
</header>
</article>
</div>
<div class="three columns">
<article class="articlebox">
<header class="articleheader">
<h2 class="article_title">Teste Bananinha</h2>
</header>
</article>
</div>
<div class="three columns">
<article class="articlebox">
<header class="articleheader">
<h2 class="article_title">Teste Bananinha</h2>
</header>
</article>
</div>
</div>
I’m using the basic system with html plus css (generated by Wordpress), and it’s working perfectly, thank you!
– Leonardo Pliskieviski