Записи в трех колонках на php/wordpress?

Question

[Игорь Павленко]

Как сделать вывод записей в три разных блока на wodpress?

<div class="wrapper__column">
	<?php while ( have_posts() ) : the_post(); ?>
	<?php $current_post_id = $post->ID ?>
		<a href="<?php the_permalink(); ?>">
			<div class="column__item">
				<?php the_post_thumbnail(); ?>
				<h5><?php the_title(); ?></h5>
				<p><?php the_excerpt(); ?></p>
			</div>
		</a>
	<?php endwhile;?>
</div>

Проблема в том, что колонка не должна быть внутри цикла, а подобный код вне цикла работать не будет

switch ($current_post_id % 3) {
	case 0:
		echo "Пост в 1 колонке";
	break;
	case 1:
		echo "Пост во 2 колонке";
	break;
	case 2:
		echo "Пост в 3 колонке";
	break;
}

Answer 1

[Laid]

Игорь Павленко: Как вариант можно создать три категории ( 1 | 2 | 3 )

switch ($courrent_post_id % 3) {
  case 0:
    echo "Вызов постов из 1 категории";
  break;
  case 1:
    echo "Вызов постов из 2 категории";
  break;
  case 2:
    echo "Вызов постов из 3 категории";
  break;
}

Так можно даже расположением записей упр.
----
Или вот пример:

<?php $col = 1; ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php if ($col == 1) echo "<div class=\"row\">"; ?>
  <div class="post col<?php echo $col;?>" id="post-<?php the_ID(); ?>">
  <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка <?php the_title(); ?>"><?php the_title(); ?></a></h2>
  <small><?php the_time('F j, Y') ?> <!-- by <?php the_author() ?> --></small>
  <div class="entry">
  <?php the_content('Читать дальше  »'); ?>
  </div>
  <p class="postmetadata"><?php the_category(', ') ?> | <?php edit_post_link('Редактировать', '', ' | '); ?>
  <?php comments_popup_link('Нет комментариев »', 'Один комментарий »', 'Комментариев: %'); ?></p>
  </div>
<?php if ($col == 1) echo "</div>"; if($col == 1) {$col = 2;}  else { if($col != 1) { if($col == 3) {$col = 1;} if($col == 2) {$col =  3;} } } ?>
<?php endwhile; else : ?>
   <h2 class="center">Не найдено</h2>
   <p class="center">Здесь ничего нет, попробуйте поискать:</p>
<?php endif; ?>

.row  { clear: both; }
.col1 { width: 130px; float: left; padding: 0 10px; }
.col2 { width: 130px; float: left;  padding: 0 10px; }
.col3 { width: 130px; float: right;  padding: 0 10px; }

Comments

[Игорь Павленко]

Потому что нужен эффект масонри без javascript, если делать все блоки в одном потоке, то они не будут правильным образом прижиматься.

[Laid]

Игорь Павленко: Изменил ответ

Answer 2

[byms]

А просто погуглить записи в колонках на wordpress не пробовали?

Comments

[Игорь Павленко]

очень тонко