Вывод записей Wordpress в 2 колонки

Вопрос о том, как отображать контент на странице, является крайне важным. От того, как располагаются посты, зависит привлекательность страницы для читателя. Расположение постов в два столбца достаточно удобно и позволяет читателю лучше воспринимать представленный материал.

Примеров сайтов, где используется такой вывод материала, достаточно много. Особенно часто это можно наблюдать в зарубежных изданиях.

Как вывести записи WordPress в две колонки?

Сделать это достаточно просто, что особо порадует тех, кто недавно работает с WordPress.

Шаг 1: необходимо найти файл, где находится вывод блога. Это может быть index.php или category.php. Далее производится замена содержимого, начиная со строки:

1	<?php if (have_posts()) { ?>

и заканчивая строкой:

</div>

<?php } ?>

Вместо этого необходимо поместить следующий код:

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

<?php $i = 0; ?>

<?php $per_column = ceil($posts_per_page / 2); ?>

<?php if ($wp_query->post_count <= $posts_per_page) $per_column = ceil($wp_query->post_count / 2); ?>

<?php while (have_posts()) { the_post(); $i++; ?>

<h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

<?php the_excerpt(); ?>

</div>

</div>

<?php if ($i == $per_column) { ?>

</div>

<?php } ?>

</div>

</div>

<?php } ?>

Наконец, шаг 2: Обратитесь к файлу CSS (style.css). В нем необходимо добавить несколько строк, для того, чтобы столбцы на странице выводились верно:

.column {

float: left;

width: 48%;

}

.column.right {

float: right;

}

.clear {

clear: both;

height: 0;

overflow: hidden;

}

Вот так в два простых шага можно изменить вид страницы с записями блога и разбить ее на две колонки.

Как вывести записи WordPress в две колонки?

Возможно, Вам будет интересно ↓↓↓

Один комментарий на “Вывод записей WordPress в 2 колонки”

Оставить комментарий Отменить ответ