Отображаем посты колонками.

Полезные рецепты для WordPress

Один из самых популярных рецептов – отображение контента в колонках, в этом рецепте вы узнаете, как размещать контент поста в колонках (газетная верстка) не используя плагины.

Прежде всего, для отображения контента колонками, вам необходимо подготовить пост при публикации таким образом:

Текст, который идет до колонок.
[--column--]
Текст 1 колонки.
[--column--]
Текст 2 колонки.
[--column--]
Текст 3 колонки.

После подготовки поста, откройте файл single.php и вставьте этот код в цикл:

<?php
$page_columns = explode("[--column--]", $post->post_content);
print $page_columns[0];
print '<div>';
print $page_columns[1];
print '</div>';
print'<div>';
print $page_columns[2];
print '</div>';
print '<div>';
print $page_columns[3];
print '</div>';
?>

Последняя часть – описать стили для колонок в файле style.css вашей темы, откройте его и вставьте этот код:

.column{
  width:33%;
  float:left;
  margin-right:10px;
}

column.first, column.second, column.third, {
  /* Сделайте тут необходимые вам изменения */
}

Вот и всё, в конце вы сможете видеть свой пост в три колонки.

Хочешь постовой?

Напиши на своем блоге о нашем сайте и в скором времени получишь от нас трекбек!

Нет комментариев »

Еще нет комментариев.

RSS лента комментариев к этой записи. TrackBack URL

Оставить комментарий