Как разбить вывод статей в архиве и категориях, в wordpress, на две колонки?

Question

[Сергей Смирнов]

Суть простая, и решение я находил, но видать тема вордпресс у меня какая-то не общепринятая. Как не мучался и не старался, но за два дня не получилось проделать эту фишку.

Сейчас в категориях (http://......../category/zhivotnye/) и в архивах (http://...../2015/09/) выводятся статьи, верней их анонсы, в один столбик. В один широкий столбик на всю страницу, не учитывая сайдбар. И вот мне захотелось более компактно всё это дело сделать. Можно даже на три колонки разделить, главное чтобы выводилась миниатюра записи и анонс её, а ну и название статьи. Вот я на картинке нарисовал как хотелось бы чтобы выглядело, но можно и три колонки, естественно миниатюры будут поменьше тогда.

Вот та часть кода в category.php с которой надо поработать, кстати, строчки -

<?php if ( 'standard' === $layout ) : ?>
					<?php get_template_part( 'content', get_post_format() ); ?>

- при их замене на другой код, вообще исчезает сайт... Вот та часть кода которую надо изменить чтобы выводились две или три колонки:

<div id="content" class="content-loop category-box <?php echo esc_attr( supernews_archive_page_classes() ); ?>" role="main" <?php hybrid_attr( 'content' ); ?>>

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

			<h3 class="section-title"><strong><?php single_cat_title( __( 'Category: ', 'supernews' ) ); ?></strong></h3>

			<?php while ( have_posts() ) : the_post(); ?>
				
				<?php if ( 'standard' === $layout ) : ?>
					<?php get_template_part( 'content', get_post_format() ); ?>
				<?php elseif ( 'classic' === $layout ) : ?>
					<?php get_template_part( 'content', 'classic' ); ?>
				<?php elseif ( 'grid_1' === $layout ) : ?>
					<?php get_template_part( 'content', 'grid-1' ); ?>
				<?php elseif ( 'grid_2' === $layout ) : ?>
					<?php get_template_part( 'content', 'grid-2' ); ?>
				<?php endif; ?>

			<?php endwhile; ?>

			<div class="clearfix"></div>

			<?php get_template_part( 'loop', 'nav' ); // Loads the loop-nav.php template ?>

		<?php else : ?>

			<?php get_template_part( 'content', 'none' ); ?>

		<?php endif; ?>

		</div><!-- #content -->
	</div><!-- #primary -->

<?php get_sidebar( 'secondary' ); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Answer 1

[Ksider]

вообщем, тебе все что внутри цикла надо заключить в обтекаемый блок нужной шины(50% или 33.33%),
для этого в файле стиля темы нужно посмотреть как сделана сетка и использовать готовые классы.

Можно самому обернуть блоком и прописать

.grid-2 {
float:left;
width:50%;
}

клиафикс вроде прописан уже
Тогда будет две/три колонки

Comments

[Ksider]

Сергей Смирнов: Зачем так то, достаточно было просто выложить на какой-нибудь сервис типа codepen.io

[Сергей Смирнов]

Ksider: сорри, нервы уже сдают, три дня этой идеей одержим а оно не получается у меня..

[Ksider]

ну тк я говорю берешь и все что между <?php while ( have_posts() ) : the_post(); ?> и <?php endwhile; ?> оборачиваешь блоком назови его costum-grid например, а дальше как я выше написал, это самый дешевый способ

[Сергей Смирнов]

Ksider: вроде с архивом страниц получилось bllitz.info/2015/09 просто добавил get_post_format() напротив grid_2 в файле что в самом верху я писал, как видите там только напротив standard было это прописано. Но теперь надо найти чтобы в категориях (в рубриках) так же разделилось..

[Сергей Смирнов]

Ksider: теперь выглядит вот так
<?php if ( 'standard' === $layout ) : ?>
<?php get_template_part( 'content', get_post_format() ); ?>
<?php elseif ( 'classic' === $layout ) : ?>
<?php get_template_part( 'content', 'classic' ); ?>
<?php elseif ( 'grid_1' === $layout ) : ?>
<?php get_template_part( 'content', 'grid-1' ); ?>
<?php elseif ( 'grid_2' === $layout ) : ?>
<?php get_template_part( 'content', get_post_format() ); ?>
<?php endif; ?>
Но почему я изменения делаю в файле Category а изменилось только на страницах архива?

[Ksider]

видимо потому что вы изменения делали не в коде а в адмике.

[Сергей Смирнов]

Ksider: ну вижу разницы, могу выставить в админке стандарт, как было, но вряд ли что то изменится ведь в блок costum-grid мы одели все варианты из админки, как стандарт так и grid2. Проверил все эти функции с картинки

всё выводится в две колонки: архивы, теги, авторы, страница поиска. А как же заставить чтобы и страница категорий выводила в два столбика?

[Ksider]

разница в том, что за архив отвечает archive.php, а за категории category.php

[Сергей Смирнов]

Ksider: вот именно, все изменения что вы говорили я сделал в файле категории. Но не помогло. Я посмотрел исходник там где выводится две колонки (архив, теги, автор) и страницу когда перехожу в категорию. Разница вот какая:

две колонки-

а вот такое на странице категории-

Как бы вот это заменить, где это проделать? Чтобы категории тоже реагировали на grid2

[Ksider]

тут тоже надо менять
<?php else : ?>

<?php get_template_part( 'content', 'none' ); ?>

<?php endif; ?>

[Сергей Смирнов]

Ksider: вот а то код не отобразился

Вот со страницы категорий

<div id="content" class="content-loop category-box blog-list" role="main" itemprop="mainContentOfPage" itemscope="" itemtype="http://schema.org/Blog">

а это там где две колонки

<div id="content" class="content-loop category-box grid grid2" role="main" itemprop="mainContentOfPage" itemscope="" itemtype="http://schema.org/Blog">

как бы div категории заменить на grid2? Где это сделать ?

[Ksider]

в зависимости от типа записи у вас подключаются разные файлы, в файл который подключается по умолчанию(content-none.php) можно добавить grid grid2 в соответствующий блок

[Ksider]

Смотрите, посты у вас выводятся в зависимости от того какой тип у них выставлен, у вас есть content-classic.php есть content-grid1.php и тд по файлу категории. Если у постав выставлен тип классик то он загружает соответсвующий файл. Для страницы архива эта штука регулируется в настройках темы, для категории нужно руками везде grid2 прописать, например

Удалите уже листинг CSS куда-нибудь, невозможно же.

[Сергей Смирнов]

Ksider: где вы раньше были)) оказывается одну строку надо было добавить и всё остальное настраивается с админки))) пойду пробовать))

[Сергей Смирнов]

Ksider: ну что за беда, работало же всё с архивами, тегами, теперь когда причина найдена, оно отображается всё в одну колонку, вторая пустая((( bllitz.info/category/ledi

[Ksider]

нормально две колонки отображается

[Сергей Смирнов]

Ksider: это у меня с браузером что-то или что... странно..

[Ksider]

кэш браузера. скорее всего

[Сергей Смирнов]

Ksider: спасибо огромное, то я тормоз масштаб изменил и исчезла колонка, верней она перестроилась. всё, спасибо огромное!!!!

Answer 2

[Сергей Смирнов]

Изменил, и стили прописал:

<div id="costum-grid">	
				<?php if ( 'standard' === $layout ) : ?>
					<?php get_template_part( 'content', get_post_format() ); ?>
				<?php elseif ( 'classic' === $layout ) : ?>
					<?php get_template_part( 'content', get_post_format() ); ?>
				<?php elseif ( 'grid_1' === $layout ) : ?>
					<?php get_template_part( 'content', get_post_format() ); ?>
				<?php elseif ( 'grid_2' === $layout ) : ?>
					<?php get_template_part( 'content', get_post_format() ); ?>
				<?php endif; ?>
			</div>

			<?php endwhile; ?>

Архивы изменились с админки, а вот категории не меняются даже после этих изменений: bllitz.info/category/zhivotnye в админке выставлено grid_2 и на архивах оно работает, но как же задействовать страницу категорий?

Кстати, в админке есть вот такой функционал по настройке темы. Но он почему то не работает. Пробовал выбирать и сохранять, но без результатно