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

отображение записей в 2 колонки Блоговый движок wordpress выводит анонсы постов на главной, в архивах в виде ленты.

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

Можно найти и установить новый, более современный шаблон.

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

WordPress, отображение записей на главной в 2 колонки

Нет ли вариантов попроще? wordpress вывод постов в 2 колонки ЕСТЬ другой способ изменить в wordpress отображение записей на главной. Вывести их в две колонки, в виде сетки (плитки). Сделать это можно, используя плагины или меняя код шаблона. как вывести записи в две колонки

Чтобы организовать в wordpress вывод постов в 2 колонки, внесем дополнительный код в файлы functions.php и style.css. С помощью фильтра мы присвоим еще один класс записи, а в стилях настроим отображение постов на главной.

WordPress вывод постов в 2 колонки

Чтобы оформить двухколоночный вывод записей на главной, страницах рубрик и меток, в файл functions.php перед знаком ?> внесите код

add_filter('post_class','category_three_column_classes');
function category_three_column_classes( $classes ) {
global $wp_query;
$classes[] = 'three-column-post';
if( $wp_query->current_post%2 == 0 ) $classes[] = 'column-post-left';
return $classes;
}

wordpress вывод постов в 2 колонки А в style.css добавьте стили

.three-column-post { border: 1px solid #f4f4f4; width: 47%; float: left; margin-left: 4.9%; }
.column-post-left { clear: left; margin-left: 0; }

Дизайн страниц изменится. Если этого не произошло, почистите кеш своего браузера. Для более быстрого попадания нового дизайна блога в интернет, обновите кеш плагина кеширования.

У меня в шаблоне одного блога код сработал хорошо. На другом двухколоночный дизайн проявился также на страницах записей. Пришлось применить другой код (только для рубрик и для главной). Он приведен в самом низу статьи.

На приведенной выше картинке видно, что смотрится страница еще не слишком хорошо из-за анонсов разной длины, из-за коротких и длинных заголовков, из-за смещения (разных размеров) картинок. Приведем все в порядок.

WordPress количество символов в анонсе

Посмотрите, как выводятся анонсы в вашем шаблоне (в index.php , в archive.php), у меня в content-posts.php. Могут использоваться функции:
the_excerpt(); (нам подходит)

the_content('Читать полностью »');

В последнем случае ее надо заменить функцией the_excerpt();.

Чтобы ограничить длину анонса заданным количеством слов, в functions.php вставьте код

function new_excerpt_length($length) {
  return 20;
}
add_filter('excerpt_length', 'new_excerpt_length');

Число 20 - это количество слов в анонсе. Когда мы изменили длину анонсов, колонки стали смотреться аккуратнее.

WordPress обрезать заголовок

Важен порядок проведения изменений, иначе блог слетит. Чтобы укоротить заголовок анонса, сперва в functions.php перед знаком ?> вставьте функцию

function trim_title_chars($count, $after) {
  $title = get_the_title();
  if (mb_strlen($title) > $count) $title = mb_substr($title,0,$count);
  else $after = '';
  echo $title . $after;
}

Затем в шаблоне поправьте непосредственно код, который выводит заголовок записи. Замените <?php the_title(); ?> функцией

<?php trim_title_chars(30, '...'); ?>

Вот что получилось
отображение записей на главной

WordPress вывод постов в 2 колонки в рубриках

В файле functions.php перед знаком ?> добавьте код

add_filter('post_class','category_three_column_classes');
function category_three_column_classes( $classes ) {
global $wp_query;
if( is_category() ) :
$classes[] = 'three-column-post';
if( $wp_query->current_post%2 == 0 ) $classes[] = 'column-post-left';
endif;
return $classes;
}

Условие if( is_category() ) : означает что двухколоночный вывод постов будет только на страницах категорий.
Если надо сделать вывод в две колонки только для одной рубрики, пропишите ID категории. Как его узнать читайте тут.

Пример, if( is_category('5') ) : для рубрики с ID 5.

Если хотите применить код для не только для категорий, но и для главной страницы, условия запишите следующим образом:

if( is_category() || is_home() ) :

Плагины для вывода записей в 2 колонки

Этим целям отвечает плагин Content View Settings. В режиме Grid (сетка) доступна настройка количества колонок и количества записей в каждой колонке. Есть возможность сортировки по тегу (по автору, дате, по названию), вывода разных миниатюр.

С плагином Post Grid можно легко создать адаптивный блог. Записи выводятся сеткой или списком. Возможно отображение постов с сортировкой по категории, автору, дате создания, по идентификатору.

Понравилась статья? Поделиться с друзьями:
Я новичок
Комментариев: 2
  1. Andrologist

    А каким образом возможно вывести в 3 колонки теги записи? в Кодексе есть вариант вывода в одну колонку

    1. Ольга (автор)

      посмотрите эту статью, может поможет neolot.com/wordpress/vyvod-tegov-wordpress-v-neskolko-kolonok-v-alfavitnom-poryadke

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: