<?php
$posts = range(1, 10); // Collect all of your posts into an array, as an example I'm just using numbers.
$posts_reordered = ['left' => [], 'middle' => [], 'right' => []];
foreach(array_chunk($posts, 3) as $chunk) {
$posts_reordered['left'][] = $chunk[0];
if(isset($chunk[1])) {
$posts_reordered['middle'][] = $chunk[1];
}
if(isset($chunk[2])) {
$posts_reordered['right'][] = $chunk[2];
}
}
// Now, print HTML
$i = 1;
foreach($posts_reordered as $key => $column_posts) {
$outer_div_class = ".$key"; // .left
echo "<div class='$outer_div_class'>\n";
foreach($column_posts as $post) {
$inner_div_class = ".col$i";
echo "\t<div class='$inner_div_class'>$post</div>\n\n";
}
echo "</div>\n";
$i++;
}
- Output for 5.6.0 - 5.6.29, 7.0.0 - 7.0.20, 7.1.0 - 7.1.33, 7.2.0 - 7.2.33, 7.3.0 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.30, 8.1.0 - 8.1.28, 8.2.0 - 8.2.19, 8.3.0 - 8.3.7
- <div class='.left'>
<div class='.col1'>1</div>
<div class='.col1'>4</div>
<div class='.col1'>7</div>
<div class='.col1'>10</div>
</div>
<div class='.middle'>
<div class='.col2'>2</div>
<div class='.col2'>5</div>
<div class='.col2'>8</div>
</div>
<div class='.right'>
<div class='.col3'>3</div>
<div class='.col3'>6</div>
<div class='.col3'>9</div>
</div>
preferences:
207.45 ms | 404 KiB | 237 Q