Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Вывод постов в четыре колонки.

#1 Шуртух

Шуртух
  • Пользователь
  • 97 сообщений
  • Репутация: 0
0

Отправлено 13 Май 2015 - 21:40

Здравствуйте.

Скажите пожалуйста, есть сайт и там анонсы выводятся в две колонки. Можно ли сделать отдельную страницу или шаблон с выводом анонсов в четыре колонки или хотя бы в три, то есть убрать вывод сайдбара и сделать 4 колонки. Как создать шаблон вроде знаю, как убрать сайдбар то же..но вот как с колонками быть незнаю.

Вот сайт: http://rostrek.com/category/hockey/


 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Скрипт для вывода новостей колонками
  2. Вывод на главной постов определённой рубрики
  3. Настройка вывода постов в wordpress
  4. Вывод всех постов блога на wordpress списком
  5. Как вывести посты в несколько колонок?

#2 Igor_Petrenko

Igor_Petrenko
  • Пользователь
  • 226 сообщений
  • Репутация: 35

Отправлено 13 Май 2015 - 21:48

Исходники бы увидеть...
 


  • 0

#3 Шуртух

Шуртух
    Topic Starter
  • Пользователь
  • 97 сообщений
  • Репутация: 0

Отправлено 13 Май 2015 - 22:18

@Igor_Petrenko,Эхх вспомнить бы какой конкретно файл за анонсы отвечает. Но постараюсь найти. 

@Igor_Petrenko,Наверно этот файл index.php

Но если индекс пи-эйч-пи, то я не пойму как отдельный шаблон можно сделать

<?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package Awaken
 */

get_header(); ?>
<div class="row">
	<div class="col-xs-12 col-sm-12 col-md-8">
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

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

			<?php /* Start the Loop */ 
				$counter = 0;
			?>
			<div class="row">
			<?php while ( have_posts() ) : the_post(); ?>

				<?php
					/* Include the Post-Format-specific template for the content.
					 * If you want to override this in a child theme, then include a file
					 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
					 */
					get_template_part( 'content', get_post_format() );
				?>
			
			<?php 
				$counter++;
				if ($counter % 2 == 0) {
					echo '</div><div class="row">';
			 	} 
			?>
			<?php endwhile; ?>

			<div class="col-xs-12 col-sm-12 col-md-12">
				<?php awaken_paging_nav(); ?>
			</div>
		</div><!-- .row -->

		<?php else : ?>

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

		<?php endif; ?>

		</main><!-- #main -->
	</div><!-- #primary -->
</div><!-- .bootstrap cols -->
<div class="col-xs-12 col-sm-6 col-md-4">
	<?php get_sidebar(); ?>
</div><!-- .bootstrap cols -->
</div><!-- .row -->
<?php get_footer(); ?> 

  • 0

#4 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 14 Май 2015 - 08:34

@Шуртух

вот эта часть кода отвечает за количество колонок, вернее после скольких новостей начинать новую строку:

            <?php
                $counter++;
                if ($counter % 2 == 0) {
                    echo '</div><div class="row">';
                 }
            ?>

Замените if ($counter % 2 == 0) на if ($counter % 4 == 0) тогда код будет пытаться вывести посты в 4 колонки, если места под 4 колонки хватит.

 

Так же надо изменить стили блоков постов так, чтобы такие блоки помещались по 4 в строку (сейчас их ширина равна 50% от строки, потому больше 2х новостных блоков в строке не поместится). Эти блоки начинаются с <div class="col-xs-12 col-sm-6 col-md-6">. PHP-код, который выводит собственно блоки постов находится где-то еще и видимо вызывается строкой

            <?php while ( have_posts() ) : the_post(); ?>

Ширина в 50% определяется классом col-md-6. Надо либо в свойствах этого класса изменить ширину с .col-md-6{width:50%}  на .col-md-6{width:25%} (это можно сделать в файле bootstrap.min.css) либо заменить используемый здесь класс с  col-md-6 на  col-md-3 ширина которого как раз равна 25%, что и позволит помещаться 4 постам в строке.


Сообщение отредактировал yury: 14 Май 2015 - 08:46

  • 0

#5 Шуртух

Шуртух
    Topic Starter
  • Пользователь
  • 97 сообщений
  • Репутация: 0

Отправлено 14 Май 2015 - 21:55

@yury,Спасибо. Только вот не пойму, если у меня получится, то как сделать отдельную такую страницу.. а эти оставить как есть, по две колонки? 


  • 0

#6 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 15 Май 2015 - 08:04

Это вопрос скорее к знатокам WordPress, я им не пользуюсь, так что наверняка не скажу, как там и что делать.

 

Но по идее, копируйте ваш index.php в какой-нибудь index2.php или в новый каталог, изменяйте там, что и как угодно и будет вам "отдельная такая страница" и исходные останутся.


  • 1

#7 Шуртух

Шуртух
    Topic Starter
  • Пользователь
  • 97 сообщений
  • Репутация: 0

Отправлено 15 Май 2015 - 23:04

@yury,То есть я думаю вряд ли это получится, у меня по крйней мере. Я хотел как бы, чтоб все рубрики отображались по две колонки с анонсами, а одна рубрика по четыре. Это надо как-то подключать рубрику к второму index.php. Одно дело создать шаблоны single-1.php или category-1.php но вот про второй шаблон index.php..что-то я даже в интернете порыскал, ничего, даже намека на такой вариант нет.

А так-то получается. На денвере пробовал, можно и по три и по четыре и с сайд баром и без. Но только общее это все, а отдельную рубрику незнаю как такой сделать, по четыре колонки((


Похоже я нашел как это сделать, поробую напишу если что.


Сообщение отредактировал Шуртух: 15 Май 2015 - 23:01

  • 0

#8 Шуртух

Шуртух
    Topic Starter
  • Пользователь
  • 97 сообщений
  • Репутация: 0

Отправлено 16 Май 2015 - 00:10

@yury, У меня получиось сделать отдельной рубрике вывод анонсов по четыре колонки, но возникает проблема. Когда меняю в файле  bootstrap.min.css 50% на 25 то меняется везде, на той которая нужна становится как надо все (4 колонки) а на других по две но маленькие совсем. Надо, наверно как-то подключить 4-х колоночной рубрике свой стиль CSS


  • 0

#9 Вадим16

Вадим16
  • Пользователь
  • 150 сообщений
  • Репутация: 3

Отправлено 21 Май 2015 - 19:58

@Шуртух, Мне также переделывали код, только у меня 3 колонки. Если хотите, то могу посоветовать хорошего программиста, который это сделать быстро и дешево.  


Сообщение отредактировал Вадим16: 21 Май 2015 - 19:59

  • 0

#10 Шуртух

Шуртух
    Topic Starter
  • Пользователь
  • 97 сообщений
  • Репутация: 0

Отправлено 21 Май 2015 - 20:56

@Вадим16, Да..я видел у Вас сайт, мне надо так же, только в одной рубрике, а остальные по две колонки. То есть везде по три, по четыре, по пять сделать не проблема..а только в одной рубрике -это головоломка получается.

Я подумаю над Вашим предложением. Спасибо.


  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru