Как сделать несколько постов на WordPress на одной странице сеткой?

12
no_fumar
На сайте с 09.01.2008
Offline
103
#11

Так блока по ширине теперь два, значит и отступов (padding, margin) тоже два, поэтому и не влезает, уменьшайте ширину с 50% до 48,47,46,45,....

✔ Рекомендую: хостинг для WordPress (http://goo.gl/sYM0Ee)
[Удален]
#12
no_fumar:
Так блока по ширине теперь два, значит и отступов (padding, margin) тоже два, поэтому и не влезает, уменьшайте ширину с 50% до 48,47,46,45,....

Откуда отступов два? Я в style.css больше ничего не менял.

Указал width: 40%; - результата нет. 10 % - тоже нет результата. Просто всё уже и уже.

А посты как шли один под другим так и идут один под другим.

ludmila240
На сайте с 26.04.2008
Offline
56
#13

torontus, вы слишком многого не знаете в верстке, поэтому объяснить вам сложно.

Закажите уж эту работу, пусть кто-нибудь знающий вам сделает.

[Удален]
#14

В попытках сделать то, что нужно дошёл до этого.

Но это всё равно не то, что нужно.

В style.css внёс такие изменения:


#content .post-left,
#content .post-nav,
#content #comments {
clear: both;
padding: 0 350px 0 20px;
height: 100%;
/*width: 10%;*/
float: left;
overflow: auto;
}

#content .post-right,
#content .post-nav,
#content #comments {
clear: both;
padding: 0 20px 0 350px;
height: 100%;
/*width: 10%;*/
float: left;
overflow: auto;
}

В index.php внёс изменения:


<div class="large">
<?php if (have_posts()) : $odd = false;?>
<?php while (have_posts()) : the_post(); $odd = !$odd;?>

<!-- <div class="post-left" id="post-<?php the_ID(); ?>">-->
<div class="post-<?php if ($odd) echo 'left'; else echo 'right'; ?>" id="post-<?php the_ID(); ?>">

BlackvsEvgen
На сайте с 21.08.2009
Offline
74
#15

одна демогогия. Требуется постам под средством пхп присвоить 2 класса и уже потом указывать флоат и ширину. ТС утром до компа добирусь и скину код.

Любимый хостинг (http://bit.ly/VW9SbN) | Постовые для вашего сайта (http://bit.ly/WPm6Et)
N
На сайте с 15.12.2006
Offline
49
#16

Выставьте padding в 0 везде.

На будущее - clear: both; и float: left; - взаимно противоречащие инструкции. В данном случае, правда, это не имеет значения.

BlackvsEvgen
На сайте с 21.08.2009
Offline
74
#17

Вот такой код получается для стандартного WP шаблона:

	

<?php $col = 1; ?>// Задаём первое значение для колонок

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

<?php if ($col == 1) echo "<div class=\"row\">"; ?>// Если переменная равна 1 то присваеваем класс 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>

<div class="entry">
<?php the_excerpt(); ?>
</div>

</div>
<?php if ($col == 1) echo "</div>"; (($col==1) ? $col=2 : $col=1); ?> // Обработка для 1 и 2 колонки
<?php endwhile; else : ?>
<h2 class="center">Не найдено</h2>
<p class="center">Здесь ничего нет, попробуйте поискать:</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>

А это указывай в ксс :


.row { clear: both;

}

.col1 {
width: 270px; float: left;

}


.col2 {
width: 270px;
float: right;
}


И всё должно рабоотать.

[Удален]
#18

BlackvsEvgen, спасибо, заработало.

Как я понял, это решение для двух колонок.

А есть универсальное решение для N колонок?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий