Оформление вывода постов на главной странице и в рубриках

10.03.2015

Так как Wordpress – расширяемая и свободно трансформируемая, во что угодно система, во внешний вид сайта, да и в сам движок можно вносить немыслимые коррективы. Эта статья призвана рассказать о том, что главная страница может выглядеть несколькими разными способами, благодаря тому, что при некоторых знаниях языков веб-программирования php, html и css, можно изменить визуальную составляющую вывода постов на главную страницу.


Wordpress позволяет выводить краткие анонсы с миниатюрой, без миниатюры, возможен вывод только заголовков, а также при основательном подходе, пользователь имеет возможность создать страницу, выводящую все, что угодно, невзирая на стандарты движка.

Стандартный вид главной страницы и ленты рубрик в Wordpress
Изначально, Wordpress настроен на вывод нового поста на главную страницу, а предыдущий оказывается ниже. Таким образом, на протяжении всей жизни сайта или блога, все записи располагаются в хронологическом порядке, в последовательности от самой новой, до самой старой. Этот функционал закладывается в тему, и вполне возможно, скачав какой-либо нестандартный шаблон – вы получить несколько другой вариант, однако в моем примере приведен стандартный.


Вывод постов на главной странице, описан в файле index.php. Добраться до него можно следующим образом: нужно зайти в панель администратора – Дизайн – Редактор, и выбрать index.php для редактирования.


По дефолту, за вывод постов на главной отвечает следующий короткий код:


 


Важно помнить, что если во время создания поста не вставлен тег More, на главной странице статья будет выведена целиком. Напротив, при наличии тега More, на его месте появится ссылка с текстом «Читать далее», которая будет перенаправлять пользователя на сам пост.



Количество постов отображаемых на главной странице, можно изменить, перейдя в следующий раздел:


Панель администратора – Настройки – Настройки чтения


Если вместе с тегом More, добавить тег NOTEASER, то анонс не будет отображаться на странице полного материала. Помогает избежать дублирования контента, но в таком случае, анонсы придется писать отдельно.


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



  1. Дублирование контента. Причем, если не вставлять тег More, дублирование будет полным, а если вставлять, то дублируется, только часть материала до этого тега.

  2. Без использования тега More, вы будете вынуждены сократить количество выводимых материалов на главной странице, иначе сайт будет очень долго скролиться до конца.

  3. Если вы будете активно использовать тег More, все же нужно помнить, что слишком длинные участки текста, выводить на главное не желательно. Поисковые системы не любят избыточность данных.


Изменение вида постов в рубриках


В рубриках, обычно используется стандартный способ отображения анонсов поста, ограниченных тегом More, но в некоторых шаблонах, можно увидеть вывод аннотаций, без изображений, с урезанным и не отформатированным текстом. Это возможно благодаря встроенной функции «the_excerpt», вместо «the_content». При таком способе вывода, можно ограничить аннотацию количеством знаков и все выводимые материалы будут одинакового размера. Красиво – да, удобно пользователю – нет.


Уникальные анонсы в рубриках, с помощью поля «Цитата»


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


Возможно то, что у вас в редакторе записи нет поля цитаты. Чтобы оно появилось, нужно в верхнем правом углу редактора найти кнопку «Настройки экрана» и поставить галочку напротив слова «Цитата». Новое поле сразу же появится прямо под полем ввода основной статьи.


Настраиваем вывод постов, через the_excerpt


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


1. Итак, чтобы изменить количество символов в анонсе, нужно отредактировать файл function.php:
Панель администратора – Дизайн – Редактор – function.php
В этом файле нужно найти следующий кусок кода:
function new_excerpt_length($length) {
return 55;
}
add_filter(‘excerpt_length’, ‘new_excerpt_length’);
?>
И вместо числа 55 можно поставить необходимое вам количество знаков.


2. Используя функцию the_excerpt, вместо привычного нам «Читать далее», мы будем видеть многоточие… Если мы хотим вернуть наш любимый «Читать далее», нужно вставить следующий код:




3. В категориях можно ограничиться выводом нескольких слов заголовка, вместо полного названия записи. Делается это следующим кодом:


где 8 – число слов, которые будут выводиться.


4. И в конце, чтобы все изменения сохранились, нужно в файл function.php, добавить следующий код:


function do_excerpt($string, $word_limit) {
$words = explode(’ ‘, $string, ($word_limit + 1));
if (count($words) > $word_limit)
array_pop($words);
echo implode(’ ‘, $words).’ …’;
}


Как сделать статическую главную страницу


Не всегда нам требуется выводить посты на главной, поэтому в Wordpress предусмотрена возможность сделать главную страницу статической. Чтобы провернуть сие действо, нужно выполнить четыре несложных шага:



  1. Создать страницу. На странице напишите, все что необходимо, добавьте полезные ссылки и сохраните.

  2. Создать абсолютно пустую страницу и назвать ее, например, «Новости» Здесь будут выводиться записи.

  3. Панель администратора – Настройки – Настройки чтения, и тут нужно поставить точку напротив «Статическую страницу», в поле ниже выбрать созданную нами на шаге 1 страницу, а во втором поле выбрать страницу со зданную для вывода новостей.

  4. Добавить в меню пункт «Новости».


Таким образом у вас будет статическая страница, а блог – будет отдельным пунктом меню.

Комментирование этой статьи закрыто.

Интересное Покупки ТехникаРазное Отдых Статьи Строительство Услуги Общество Хобби Культура Советы Уют