Как настроить анонсы статей в WordPress

Сегодня я хочу рассказать о том, как настроить внешний вид анонсов статей вашего сайта на WordPress.

Но для начала краткая теоретическая часть.

Анонс статьи представляет из себя ее краткое описание, некое введение.

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

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

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

В системе управления контентом WordPress предусмотрены 2 варианта отображения главной страницы, а именно: отображение последних записей или отображение любой статической страницы на ваш выбор.

Как не трудно догадаться, раз в данной статье мы говорим про анонсы статей, то нас сегодня будет интересовать первый вариант.

Для наглядности привожу скриншот настроек раздела Чтение меню Настройки административной панели моего сайта:

У вас должно быть установлено также.

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

Возможные варианты анонсов в WordPress

Существует 3 основных варианта формирования анонсов в WordPress:

• автоматическое отображение в качестве анонса фиксированного количества первых слов статьи;
• отображение вручную заданного с использованием специального тега more начального фрагмента статьи;
• отображение уникального анонса (цитаты), прописываемого вручную.

Именно эти 3 варианта формирования анонса мы и рассмотрим в данной статье.

Пришло время поговорить о каждом из них подробнее.

Начнем по порядку с первого пункта.

Автоматически формируемый анонс

С точки зрения простоты и удобства это самый лучший способ. Заключается он в следующем: в качестве анонса на главной странице сайта на WordPress будет отображаться фиксированное количество первых слов статьи (по умолчанию 55), а завершать данную конструкцию слов будет символ […], который отнюдь не является ссылкой на полную версию статьи.

Для наглядности приведу пример того, как может выглядеть анонс данного типа на примере собственного сайта:

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

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

За автоматически генерируемые анонсы в WordPress отвечает функция the_excerpt(), именно она и выводит отрывок из поста (или цитату при ее наличии, но об этом ниже).

Реализация данного способа формирования анонсов возможна в том случае, если в файлах index.php и archive.php вашего шаблона WordPress присутствует следующая PHP-конструкция:

<!--?php the_excerpt(); ?-->

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

<!--?php the_content('Читать далее &amp;raquo;'); ?-->

Либо просто добавить данный фрагмент кода в указанные файлы.

Если вы хотите изменить количество выводимых в анонс первых слов статьи с 55 на другое значение, к примеру на 20, то в файл functions.php вашего шаблона WordPress нужно добавить следующие строки:

1
2
3
4

function new_excerpt_length($length) {
return 20;
}
add_filter('excerpt_length', 'new_excerpt_length');

Если же вы хотите убрать символ […] из анонсов, то опять же в functions.php нужно добавить код:

1
2
3
4

function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

Далее рассмотрим способы формирования анонсов, при которых необходимо стороннее вмешательство автора.

Использование тега more

Если в файлах index.php и archive.php вашего шаблона WordPress фигурирует фрагмент кода подобного вида:

<!--?php the_content('Читать далее &amp;raquo;'); ?-->

То анонс нужно определять вручную путем размещения в выбранном месте тега more.

Делается это крайне просто, в случае с использованием визуального редактора размещение тега more реализуется кнопкой, обозначенной на скриншоте:

В случае использования текстового редактора кнопка уже другая:

При этом выражение в скобках (‘Читать далее »’) конструкции < ?php the_content(‘Читать далее »’); ? > является анкором ссылки на полную версию статьи, и его можно заменить на любое другое текстовое значение по своему усмотрению. В этом случае у каждой статьи на главной странице (и в архивах тоже) будет ссылка на ее полную версию с заданным анкором.

Также при использовании данного способа существует возможность прописать уникальный анкор для отдельно взятой статьи. Для этого нужно добавить внутрь этого самого тега more в соответствующей статье требуемый анкор следующим образом:

<!--moreАнкор-->

Также можно изменить внешний вид самой ссылки на полную версию статьи и сделать ее, к примеру, кнопкой. Для этого нужно обратиться к стилям CSS, а точнее к файлу style.css шаблона WordPress, в котором нас интересует все, содержащее в себе идентификатор more-link.

В моем случае настройки стилей следующие:

1
2
3
4
5
6
7
8
9
10
11
12
13

a.more-link {
    background: none repeat scroll 0 0 #5E9E66;
    border-radius: 3px;
    border: 1px double black;
    float: right;
    cursor: pointer;
    margin-top: 10px;
    color: #FFFFFF;
    padding: 3px;
}
a.more-link:hover {
    opacity: 0.7;
}

Соответственно сама кнопка-ссылка на полную версию статьи выглядит следующим образом:

И при наведении на нее указателем мыши она становится немного прозрачнее.

Пришло время рассмотреть последний из рассматриваемых в данной статье вариантов формирования анонса.

Полностью уникальный анонс

Данный способ возможно реализовать только при условии, что в файлах index.php и archive.php вашего шаблона WordPress присутствует выражение:

<!--?php the_excerpt(); ?-->

В данном случае в админке становится доступным пункт Цитата, ставим галочку в соответствующем чекбоксе:

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

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

В данном случае можно прописать абсолютно уникальный анонс, который не будет дублировать какой-либо фрагмент текста статьи.

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

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