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

12
[Удален]
6276

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

Обычно, посты идут сверху вниз.

А мне нужно слева направо и сверху вниз.

К примеру, как на http://vsemayki.ru/

D
На сайте с 30.09.2008
Offline
107
#1

Ну сверстать надо так для начала, а потом в цикле (get_posts например) выводить.

[Удален]
#2

Я понимаю, что всё дело в шаблоне. Только как это реализовать? Просто я раньше с таким не сталкивался.

D
На сайте с 30.09.2008
Offline
107
#3
torontus:
Я понимаю, что всё дело в шаблоне. Только как это реализовать? Просто я раньше с таким не сталкивался.

Я вам написал уже. Ничего сложного в реализации нет. Сначала нужно сверстать страничку с такими блоками, а потом уже выводить в цикле. Вы про главную страницу говорите?

MoMM
На сайте с 16.06.2006
Offline
727
#4

это ж очевидно: каждый блок взять в dl и дать ему плавать, подобрав ширину так, чтобы было сколько нужно блоков (dl) в ряд...

[Удален]
#5
DC***:
Я вам написал уже. Ничего сложного в реализации нет. Сначала нужно сверстать страничку с такими блоками, а потом уже выводить в цикле. Вы про главную страницу говорите?

Да, про главную. На главной должны быть посты сеткой, кликнув по посту, он откроется в полном виде (функция the_content).

torontus добавил 23.08.2010 в 22:48

MoMM:
это ж очевидно: каждый блок взять в dl и дать ему плавать, подобрав ширину так, чтобы было сколько нужно блоков (dl) в ряд...

Спасибо за совет. Тег dl уже прогуглил.

Но что значит "плавать" ?

D
На сайте с 30.09.2008
Offline
107
#6
torontus:
Да, про главную. На главной должны быть посты сеткой, кликнув по посту, он откроется в полном виде (функция the_content).

Если исходить из примера на картинке то, тут функция the_content не нужна. Скорее нужно что-то вроде:

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

Заголовок записи как ссылка на саму запись.

MoMM
На сайте с 16.06.2006
Offline
727
#7
torontus:
Но что значит "плавать" ?
display: block;
width: 220px;
float: left;
height: 360px;
margin: 12px 12px 0 0;
padding: 0 0 0 0;

вот так примерно

[Удален]
#8

Тема craftycart.

В style.css чтобы уменьшить ширину постов сделал width: 50%;


#content #comments {
clear: both;
padding: 0 20px 0 20px;
height: 100%;
width: 50%;
overflow: auto;
}

Но всё равно один пост идёт под другим.

Mad_Man
На сайте с 10.11.2008
Offline
162
#9
torontus:
#content #comments {
clear: both;
padding: 0 20px 0 20px;
height: 100%;
width: 50%;
overflow: auto;
}

Эмммм. Используйте float: left.

[Удален]
#10

Вставил float: left; результата никакого.


#content #comments {
clear: both;
padding: 0 20px 0 20px;
height: 100%;
width: 50%;
float: left;
overflow: auto;
}
12

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