Я пытаюсь вставить 2 статических div внутри петли PHP, в частности, один в самом начале цикла и один в самом конце.Вставить статические блоки в цикл PHP
Эти 2 div должны появиться в их соответствующем родителе .row
, который в настоящее время обтекает каждые 3 DIV. Как я могу это сделать?
EDIT Вот изображение, чтобы описать то, что мне нужно, розовые блоки являются вручную вставленным DIV-х, которые будут иметь разное содержание для голубых див. Эти голубые дивы только WP сообщений:
Вот мой PHP, в настоящее время это создает 4 столбцов в первой и последней строки, где она должна быть просто 3 колонки:
<?php static $c=1;
$subs = new WP_Query(array('post_parent' => 14, 'post_type' => 'page'));
if($subs->have_posts()) : while($subs->have_posts()) : $subs->the_post(); ?>
<?php if (($c % 3) === 1) {
// This creates part of the wrapper .row div
echo "<div class='row'>";
} ?>
<?php
if ($c == 1) {?>
<div class="col_4 card bar">
first card that is manually inserted with different content
</div>
<?php } ?>
<a href="<?php the_permalink(); ?>" class="col_4 card bar no-pad <?php if($c % 3 == 0) { echo 'last'; } ?>">
<?php if (has_post_thumbnail()) {?>
<div class="feature-image c-1">
<?php the_post_thumbnail('medium'); ?>
</div>
<?php } ?>
<div class="excerpt-wrap">
This is a post from within Wordpress
</div>
</a>
<?php if ($c == 6) {?>
<div class="col_4 card bar">
Last card that is manually inserted with different content
</div>
<?php } ?>
<?php if (($c % 4) === 3) {
echo "</div>";
}?>
<?php $c++; endwhile; endif; wp_reset_postdata(); ?>
EDIT Это HTML структура, которую я бы хотел достичь:
<!-- very first row -->
<div class="row">
<!-- This is a static block followed by the very first two worpdress posts-->
<div class="static-block"></div>
<a href="#" class="wp-post"></a>
<a href="#" class="wp-post"></a>
</div>
<!-- I could have 3 or 30 wordpress posts repeating this format -->
<div class="row">
<a href="#" class="wp-post"></a>
<a href="#" class="wp-post"></a>
<a href="#" class="wp-post"></a>
</div>
<!-- very last row -->
<div class="row">
<!-- These are the very two worpdress posts followed by a static block -->
<a href="#" class="wp-post"></a>
<a href="#" class="wp-post"></a>
<div class="static-block"></div>
</div>
Не совсем понятно, что вы пытаетесь сделать. http://stackoverflow.com/help/mcve – treegarden
@treegarden Я добавил изображение, чтобы надеяться сделать все более ясным – egr103
И что не работает в вашем коде? – treegarden