Добавить блок внутри лены постов 1.2.3 _блок_ 4.5.6

Хочется реализовать задачу которая достаточно прост, но я не могу с ней разобраться. Смысл просто есть лента постов, между ними нужен кастомный блок. Схема: Пост 1, Пост 2 ,  кастомный блок, Пост 3, Пост 4 и т.д. Пример в картинке:

Добавить блок внутри лены постов 1.2.3 _блок_ 4.5.6

Добавить Комментарий

Вы можете найти файл и цикл в котором это выводится? Если да, то попробуйте добавить счетчик:

$loop = new WP_Query();

$i = 0;

while ($loop->have_posts()) : $loop->the_post();

if (4 === $i) {

//<!-- Выводим что то перед 5й записью -->

}
//<!-- Ваш код вывода поста -->
++$i;

endwhile;
Добавить Комментарий

Спасибо. С этим я разобрался, а возможно изменить не только первый но и третий. Допустим 1 и 3 пост кастомные остальные обычные?

если используете вариант как выше, то:

 if (in_array($i, array(1, 3))) {
//<!-- Выводим что то перед 1 и 3 записями -->
}
 
в 22.08.2017.
Добавить Комментарий

Как я понимаю блоки будут одинаковые, а как их можно разделить? Чтобы разный контент запилить туда

Добавить Комментарий

У меня сейчас вот так, выводит 1 блок картинку большую потом 4 маленьких.

 


<?php query_posts($query_string.'&cat0&order=DESC&posts_per_page=5'); ?>

<?php if (have_posts()) : ?>

<?php $count = 0; ?>

<div class="uk-child-width-1-2@m uk-grid-match" uk-grid>

<?php while (have_posts()) : the_post(); ?>

<?php $count++; ?>

<?php if ($count == 1) : ?>

<div>

<div class="uk-card uk-card-default uk-card-hover uk-card-small">

<div class="uk-card-media-top">

<a class="uk-link-reset" href="<?php the_permalink(); ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('thumb@l', ['class' => 'attachment-post-thumbnail size-post-thumbnail uk-width-responsive']); } ?></a>

</div>

<div class="uk-card-header">

<div class="uk-grid-collapse uk-text-small uk-flex-middle" uk-grid>

<div class="uk-width-expand uk-link-reset">

<a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>">

<?php echo get_avatar( get_the_author_meta('user_email'), 28, '', '', array('class'=>'uk-border-circle', 'extra_attr'=>'style=""')); ?> <span class="uk-text-middle"><?php the_author(); ?></span>

</a>

</div>

<div class="uk-width-auto">

<a class="uk-link-reset" href="<?php the_permalink() ?>#comments"><span uk-icon="icon: commenting;"></span> <?php comments_number('0', '1', '%'); ?></a>

</div>

</div>

</div>

<div class="uk-card-body">

<div class="uk-card-badge uk-label uk-label-success">НОВОЕ</div>

<span class="uk-badge"><?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' назад'; ?></span>
<?php the_title( '<h2 class="uk-card-title uk-text-bold uk-link-reset uk-margin-small"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
<?php the_excerpt(); ?>

</div>

<div class="uk-card-footer uk-link-reset uk-text-small">

<p class="uk-margin-small-bottom"><?php printf(__('<span uk-icon="icon: bookmark"></span> %s', 'cssdrive'), get_the_category_list(', ')); ?></p>

<p class="uk-margin-remove"><?php the_tags(__('<span uk-icon="icon: tag"></span> ', 'cssdrive') . '', ', ', ''); ?></p>
<?php edit_post_link('Измениь пост','<p>','</p>'); ?>

</div>

</div>

</div>

<div>

<ul class="uk-child-width-1-2@s uk-grid-match" uk-grid>

<?php else : ?>

<li>

<div class="uk-card uk-card-default uk-card-hover uk-card-small">

<div class="uk-card-media-top">

<a class="uk-link-reset" href="<?php the_permalink(); ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('thumb@m', ['class' => 'attachment-post-thumbnail size-post-thumbnail uk-width-responsive']); } ?></a>

</div>

<div class="uk-card-body">

<?php the_title( '<h2 class="uk-card-title uk-text-bold uk-link-reset uk-margin-small"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>

</div>

</div>

</li>

<?php endif; ?>

<?php endwhile; ?>

</ul>

</div>

</div>

<?php endif; ?>

<?php wp_reset_query();?>

</div>

</section>

Добавить Комментарий

А хотелось бы сделать 1 большой 2,3 обычные 4 большой 5,6 обычные

Как бы разделить выводы

Добавить Комментарий

Ваш ответ

Размещая свой ответ, вы соглашаетесь с правилами сайта.