Настраиваем анонсы статей в WordPress!

Всем доброго времени суток!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<?php the_excerpt(); ?>

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

<?php the_content('Читать далее &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('Читать далее &raquo;'); ?>

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

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

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

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

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

При этом выражение в скобках (‘Читать далее »’) конструкции < ?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;
}

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

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

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

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

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

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

<?php the_excerpt(); ?>

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

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

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

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

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

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

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

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

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

С уважением, Владимир Денисов!

Комментарии 22

  • Здорово, Володь! Год назад бы такую полезную статью. С самого начала моего сайтостроения у меня встал вопрос-почему у всех на главной странице анонсы с ссылкой на статью, а у меня вся статья целиком. Пол дня искал ответ. На моем прошлом шаблоне надо было ставить тег more, а новый шаблон автоматически без тега выводит анонсы. 🙂

    • Привет, Андрей! Действительно, порой сталкиваешься с подобными трудностями, причем не всегда получается быстро разобраться, но через какое-то время понимаешь, что решение было довольно простым и лежало на поверхности 😉

    • Мне нравиться,что много скринов 😉 даже чайники смогут разобраться!

  • Да все гениальное просто. Хорошая информация и довольно полезная. Лично я про анонс цитаты не знал. Зато теперь во все оружии. ➡

  • Я раньше не обращала на это внимание, но потом заметила, что часто анонс обрывается в самом неподходящем месте. После этого стала тоже пользоваться тегом more

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

  • классная статья, всё разобрано по полочкам…

    кстати, в дефолтовой теме Twenty Twelve, функция the_content() расположена в файле content.php, а не index.php или archive.php

  • А я что-то тоже не задумывалась, что фраза у предложения может оборваться неизвестно где и как.) Но, то, чтобы на почту людям только анонсы приходили, это я сразу настроила. Но, видок, конечно, оставляет желать лучшего, вообще не нравится. Спасибо, будем переделывать.)

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

  • Спасибо за статью, У меня на главной отображается краткое содержание с надписью подробнее. А хотелось бы чтобы отображался текст до more. в теме нигде не настравивается, хотя тема платная (в другой бесплатной есть такая возможность).. может подскажете?

  • Добрый день ребята подскажите как вывести в анонс статей содержание статьи?(оглавление)

  • Огромное спасибо за статью! Тема моего сайта Graphene. Кнопочка с Далее уже по умолчанию стоит, но находится слева. Как переместить ее в право как у вас?

  • Действительно, толковую информацию публикуете 8)

  • Здравствуйте. Может кто сможет мне помочь… Нужно, чтобы в комментариях можно было обрезать длинный текст. Именно в комментариях. C кнопкой «читат далее». Перерыл всё — не могу найти, как это сделать.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *