Многие пользователи WordPress знают или хотя бы слышали о теге More. Это ссылка позволяет не только оформить внешний вид публикации, но и создать анонс самых разнообразных видов. Исправить или модернизировать данный тег можно и нужно, а вот каким образом — не всегда понятно.
Тег Read More служит для разделения контента и превью публикации, чтобы описать общее её содержимое. В WordPress данный тег содержится в каждой теме и им легко пользоваться. Однако, в зависимости от ваших идей и задумок его отображение может потребовать изменений и не всегда они даются просто.
WordPress Read More имеет не только роль отображения и восприятия его пользователем, но и выполняет достаточно важную функцию, как вывод превью статьи, которое учитывается таким видом микроразметки, как OpenGraph. Поэтому важно понимать и грамотно использовать его в своих проектах, чтобы избежать возможных неприятностей.
Как установить тег Read More
Установка тега More не составляет труда, но не всегда можно его вовремя найти и использовать. Он находится в интерфейсе редактора нашей записи:
Необходимо установить курсор в нужное место и нажать на иконку, указанную на скриншоте. После этого появится разделитель с подписью «MORE», что означает применение тега More и разделение контента на превью и саму статью.
Но вот что же будет с этим кусочком над разделителем: будет он отображаться в превью и в самой статье, или же он будет вырезан с контента (при открытии статьи) или что вообще будет с ним? Это, пожалуй, самый частый и волнующий вопрос любого начинающего веб-мастера в CMS WordPress.
В целом, я могу выделить 3 основных варианта, которые используются в 90% случаев:
- стандартный вариант;
- полный вариант;
- раздельный вариант.
Стандартный вариант использования тега More
В стандартном варианте заключается «традиционное» использование стоковой функции вордпресса относительно тега More. Это означает, что наше превью будет отображаться в ещё не открытой статье (на стене):
А при открытии поста будет доступна уже прокрученная статья до момента окончания превью. То есть по логике этого вариант мы уже прочитали превью и смысла читать его в общем тексте нет. Именно поэтому открывается статья, которая уже промотана нам до момента окончания превью и выглядит это примерно вот так:
Как видите, перед нами страница, начинающаяся сразу после превью. Для меня этот вариант никак не подходил, так как чаще всего возникает ситуация по поиску информация примерно такая:
- вводишь запрос в поисковую систему;
- открываешь все более-менее подходящие по title сайты;
- после этого просматриваешь поочередно и сортируешь.
Если пользователь будет действовать таким образом, то будет не совсем понятно почему статья начинается не с начала и дополнительная прокрутка может только вспугнуть — а это лишнее.
Полный вариант использования тега More
По совместительству является решением проблемы Стандартного способа. По моему мнению это самый лучший вариант, если не требуется каких-либо нестандартных решений для проекта. В данном случае превью будет отображаться как на стене, так и в статье. При этом статья открывается с самого начала, собственно так, как чаще всего мы это видим на качественных ресурсах.
Для того чтобы реализовать данный вариант потребуется внести изменения в наш шаблон functions.php и вставить строку в конце документа, предварительно сделав отступ в несколько строчек (по традиции):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function remove_more_jump_link($link) { $offset = strpos($link, '#more-'); if ($offset) { $end = strpos($link, '"',$offset); } if ($end) { $link = substr_replace($link, '', $offset, $end-$offset); } return $link; } add_filter('the_content_more_link', 'remove_more_jump_link'); add_theme_support( 'post-thumbnails' ); |
Если затрудняетесь в поиске данного файла шаблона, то это не беда. В меню WordPress переходим:
Внешний Вид > Редактор. Выбираем Функции темы (functions.php) и вносим изменения, после чего клацаем «Обновить файл»:
Данный способ заключается в подмене стандартного тега WordPress Read More на сторонний.
Раздельный вариант использования тега More
Наш последний способ заключается в том, чтобы использовать превью на стене, которого нет вообще в самой статье. Таким образом, многие пытаются избежать дублей на сайте или просто используют его как специфичный вариант оформления публикаций.
Чтобы создать такого типа конструкцию, следует добавлять к тегу More ещё и Noteaser. Выглядеть всё должно вот таким образом:
|
1 |
<!--more--><!--noteaser--> |
После добавления Noteaser превью будет успешно выводится на стене, но в самой публикации оно содержатся не будет. Это самый редкий вариант, но всё же он используется и имеет место быть.
Выводы
Сегодня мы разобрались с тем, что из себя представляет тег More WordPress и для чего он используется. Разобрали 3 основных варианта его использования под любую нужду и их специфику. Я всем советую пользоваться данным тегом, так как это очень удобно, достаточно интересно для поисковых систем и просто современно!
