Как добавить время чтения в WordPress
Плашка времени чтения подсказывает клиенту, сколько займёт статья. В WordPress её можно добавить без плагинов: блок HTML-код и один скрипт.
Зачем это нужно
Когда человек не знает, сколько времени потребует материал, он либо не начинает читать, либо бросает. Короткая оценка "5 минут" превращает это в понятное обещание. Подробнее о пользе в статье "Время чтения: зачем показывать".
Как это работает
Скрипт считает слова в статье и делит их на среднюю скорость чтения. Полученную оценку в минутах он подставляет в плашку. По умолчанию скрипт берёт текст из ближайшего тега article или из родителя блока с плашкой.
Шаг 1. Подключите скрипт
Вставьте код скрипта в <head> или подвал темы, например через плагин для вставки кода. Как это сделать, описано в статье "Как подключить скрипт newUX".
Шаг 2. Вставьте контейнер в запись
Откройте запись в редакторе и добавьте блок "HTML-код" рядом с заголовком статьи. Внутри блока разместите пустой контейнер:
<div id="reading-time-ВАШ_ТОКЕН"></div>
Токен сайта указан в панели управления.
Шаг 3. Настройте расчёт
В настройках функции можно указать:
- Слов в минуту. По умолчанию 200. Если аудитория читает медленнее, поставьте значение меньше.
- Селектор контейнера статьи. В WordPress тема оборачивает контент в свой контейнер, часто это
.entry-content. Укажите его, чтобы в расчёт не попадали меню и подвал.
Шаг 4. Проверьте результат
Обновите запись и убедитесь, что рядом с заголовком появилась оценка времени чтения. Значение должно быть похоже на правду: сравните с реальной длиной статьи.
Частые ошибки
- Контейнер не найден. Проверьте, что
idсовпадает с токеном сайта. - Оценка слишком большая. Укажите селектор статьи, чтобы не считались меню и футер.
- Плашка не появляется. Проверьте, что скрипт подключён и функция включена.
Итог
Плашка времени чтения в WordPress подключается блоком HTML-код и одним скриптом. Вместе с оглавлением она делает длинные статьи удобнее. Пошагово общий случай разобран в статье "Как добавить время чтения на сайт".