Как сделать нестандартный цикл вывода постов Wordpress?

Question

[gruzilarus]

Добрый день всем.

Вопрос для знатоков PHP должен быть элементарный, мне же на него ответа не найти.

На сайте нужно реализовать нестандартный вывод постов. Не по вертикале, а по горизонтали. Посты(.post) идут колонками (.content_one_fourth), по 4 поста в каждой.

<div class="content_one_fourth">
	<?php if ($posts) : ?>
	<?php foreach ($posts as $post) : setup_postdata ($post); ?>
		<div class="post">
		      <? $img_post=wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'thumbnail-post');?>
		      <div class="post_img" style="background: url(<?=$img_post[0]?>);"></div>
		      <a class="album_title" href="<?php the_permalink();?>"><?php the_title(); ?></a>
		      <p class="artist_name"><?php the_field('album_artist'); ?></p>
		      <p class="album_year"><?php the_field('album_year'); ?></p>
		 </div>
		<?php endforeach; ?>
		<?php endif; ?>							
</div>

Дело в том, что не совсем понятно, как сделать такой цикл Wordpress, чтобы при создании более 4 постов, в цикле появлялась новая колонка (.content_one_fourth), и в ней этот пост и последующие три?

Answer 1

[Александр Зеленин]

$i = 0;
foreach( $posts as $post ) {
// в каждом 1-м посту каждой четверки открываем див
if ($i % 4 === 0) {
echo '<div class="content_one_fourth">';
}

// остальная логика

// в каждом 4-м посту каждой четверки закрываем див
if ($i % 4 === 3) {
echo '</div">';
}
$i++;
}
// если в последней четверке не 4 поста, то див не закрыт. закрываем его
if ($i % 4 !== 0) {
echo '</div">';
}

Comments

[gruzilarus]

Сделал. Получилось. Но теперь колонка создается внутри другой колонки. Накосячил где то с разметкой, ибо новичок.

cssdeck.com/labs/hkl6rm0o

Не понятно, куда именно вставлять свой код. После логики или внутрь.

[gruzilarus]

Все правильно делал я. Просто опечатка в вашем коде (

[Viktor Vsk]

@gruzilarus Как можно вставлять код неглядя? А вдруг там базу к чертям снесут?)

[Александр Зеленин]

@gruzilarus я вам мысль дал, ваше дело ее использовать.

[gruzilarus]

@victorvsk не совсем понял, какую базу? CTRL-Z никто не отменял)

[Александр Зеленин]

@gruzilarus гы)

[gruzilarus]

@zelenin Новая засада. Не знаю, как лучше Query posts пристроить, чтобы выводилось не только 10 постов, а пока они есть.

[Александр Зеленин]

@gruzilarus используйте wp_query

<?php
$custom_query = 'posts_query';
$args = array(
'post_type' => 'post',
'posts_per_page' => -1
);
${$custom_query} = new WP_Query( $args );
while ( ${$custom_query}->have_posts() ) : ${$custom_query}->the_post();
?>

<?php
endwhile;
wp_reset_postdata();
?>

[Игорь Воротнёв]

@zelenin справедливости ради привожу второй вариант :)

$query = new WP_Query( 'posts_per_page=-1' );
или
$query = new WP_Query( 'nopaging=true' );
дает один и тот же результат.

И, кстати, не обязательно использовать кастомный query, я бы лучше сделал:

add_action( 'pre_get_posts', 'my_change_args' );
function my_change_args( $query ) {
// для тонкого контроля где это нам надо
if ( $query->is_home() && $query->is_main_query() ) {
$query->set( 'nopaging', true );
}
}

Меньше кода переписывать в шаблоне. Я вообще стандартные лупы в шабонах стараюсь не трогать, одна такая функция my_change_args, в которой куча проверок на то, где мы готовим запрос и меняет его соответствующим образом, решает всю головную боль.

[Александр Зеленин]

@HeadOnFire просто разный синтаксис.
можно и pre_get_posts

[Владимир Куликов]

gruzilarus, где конкретно опечатка?
Скобочек не хватает на 4 строчке? if ($i % 4 === 0) { -> if (($i % 4) === 0) {
Или лишние кавычки в закрывающем теге? '</div">'

Answer 2

[Владимир Куликов]

В ответе сверху есть опечатки (смотрите мой комментарий).

<?php
          $args = array(
            'posts_per_page' => -1,
            'orderby' => 'date',
            'post_type' => 'post',
          );

          $query = new WP_Query( $args );

          // Цикл
          if ( $query->have_posts() ) {
            $i = 0; 
            while ( $query->have_posts() ) {
              $query->the_post();
              // в каждом 1-м посту каждой четверки открываем див
              if (($i % 4) === 0) {
                echo '<div class="swiper-slide"><div class="community-slider__items__grid">';
              }
              // Остальная логика
              get_template_part('loop/loop','community');
              // в каждом 4-м посту каждой четверки закрываем див
              if ($i % 4 === 3) {
                echo '</div></div>';
              }
              $i++;
            }
            // если в последней четверке не 4 поста, то див не закрыт. закрываем его
            if ($i % 4 !== 0) {
              echo '</div></div>';
            }
          }
          wp_reset_postdata();
?>