Тег Read More — читать далее, как исправить для WordPress

Исправление тега Read More - читать далее для WordPress. Drogin.ru

Многие пользователи WordPress знают или хотя бы слышали о теге More. Это ссылка позволяет не только оформить внешний вид публикации, но и создать анонс самых разнообразных видов. Исправить или модернизировать данный тег можно и нужно, а вот каким образом — не всегда понятно.

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

WordPress Read More имеет не только роль отображения и восприятия его пользователем, но и выполняет достаточно важную функцию, как вывод превью статьи, которое учитывается таким видом микроразметки, как OpenGraph. Поэтому важно понимать и грамотно использовать его в своих проектах, чтобы избежать возможных неприятностей.

 

Как установить тег Read More

Установка тега More не составляет труда, но не всегда можно его вовремя найти и использовать. Он находится в интерфейсе редактора нашей записи:

Как установить тег Read More - читать далее для WordPress. Drogin.ru

Необходимо установить курсор в нужное место и нажать на иконку, указанную на скриншоте. После этого появится разделитель с подписью «MORE», что означает применение тега More и разделение контента на превью и саму статью.

Но вот что же будет с этим кусочком над разделителем: будет он отображаться в превью и в самой статье, или же он будет вырезан с контента (при открытии статьи) или что вообще будет с ним? Это, пожалуй, самый частый и волнующий вопрос любого начинающего веб-мастера в CMS WordPress.

В целом, я могу выделить 3 основных варианта, которые используются в 90% случаев:

  1. стандартный вариант;
  2. полный вариант;
  3. раздельный вариант.

 

Стандартный вариант использования тега More

В стандартном варианте заключается «традиционное» использование стоковой функции вордпресса относительно тега More. Это означает, что наше превью будет отображаться в ещё не открытой статье (на стене):

Использование тега Read More - читать далее для WordPress. Drogin.ru

А при открытии поста будет доступна уже прокрученная статья до момента окончания превью. То есть по логике этого вариант мы уже прочитали превью и смысла читать его в общем тексте нет. Именно поэтому открывается статья, которая уже промотана нам до момента окончания превью и выглядит это примерно вот так:

Использование тега Read More - читать далее для WordPress. Drogin.ru

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

  1. вводишь запрос в поисковую систему;
  2. открываешь все более-менее подходящие по title сайты;
  3. после этого просматриваешь поочередно и сортируешь.

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

 

Полный вариант использования тега More

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

Для того чтобы реализовать данный вариант потребуется внести изменения в наш шаблон functions.php и вставить строку в конце документа, предварительно сделав отступ в несколько строчек (по традиции):

Если затрудняетесь в поиске данного файла шаблона, то это не беда. В меню WordPress переходим:

Внешний Вид > Редактор. Выбираем Функции темы (functions.php) и вносим изменения, после чего клацаем «Обновить файл»:

Использование тега Read More - читать далее для WordPress. Drogin.ru

Данный способ заключается в подмене стандартного тега WordPress Read More на сторонний.

 

Раздельный вариант использования тега More

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

Чтобы создать такого типа конструкцию, следует добавлять к тегу More ещё и Noteaser. Выглядеть всё должно вот таким образом:

После добавления Noteaser превью будет успешно выводится на стене, но в самой публикации оно содержатся не будет. Это самый редкий вариант, но всё же он используется и имеет место быть.

 

Выводы

Сегодня мы разобрались с тем, что из себя представляет тег More WordPress и для чего он используется. Разобрали 3 основных варианта его использования под любую нужду и их специфику. Я всем советую пользоваться данным тегом, так как это очень удобно, достаточно интересно для поисковых систем и просто современно!

 

 


6+
Подписаться на новости

Отправить ответ

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

avatar
  Subscribe  
Уведомить о