Как вывести время чтения статьи на WordPress: все способы (с плагином и без)

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

Как подсчитывается время чтения статьи в WordPress

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

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

Зачем на WordPress выводить виджет с указанием времени чтения статьи

Люди очень ценят время, и перспектива потратить драгоценные минуты на ненужное чтение отпугивает.

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

Лучшие WordPress-плагины для вывода времени чтения поста

Reading Time WP: как показать время чтения статьи ВордПресс автоматически

Чтобы отобразить эту информацию под названием статьи, достаточно просто установить и активировать плагин Reading Time WP. Однако само поле со временем чтения занимает достаточно много места.

Вы также можете задать свое значение скорости чтения статьи. Например, вместо 300 слов в минуту установить 250.

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

Worth The Read: виджет времени чтения и полоса прогресса с возможностью стилизации

После активации этого бесплатного плагина WordPress виджет от Worth The Read появляется рядом с заголовком статьи. Он довольно короткий, но на английском языке. Выглядит примерно так: «1 min read». Если вас такой вид не устраивает, в настройках можно перевести текст на русский язык.

Также доступны следующие опции:

• Полоса прогресса. Представляет собой тонкую полоску, которую можно вывести вверху, внизу, справа или слева в окне браузера. Она заполняется цветом по мере прокрутки страницы вниз.
• Регулировка скорости чтения. По умолчанию стоит 200 слов в минуту.
• Изменения местоположения. Виджет можно установить до или после заголовка статьи, а также перед контентом.
• Включение или выключение в постах, на страницах, в архивах и кастомных типах записей WordPress.
• Стилизация. Поменять оформление вы можете как у виджета с таймингом, так и у полосы прогресса. Доступно также поле для кастомного кода CSS.

Read Meter — Reading Time & Progress Bar: время чтения и прогресс-бар

Read Meter — бесплатный модуль WordPress отображает поле со временем чтения статьи сразу после установки и активации. Как и в предыдущем случае, метка и минуты указываются на английском языке: «Reading Time 2 mins».

В настройках доступны следующие опции:

• Полоса прогресса. Ее можно включить, отключить, а также задать местоположение вверху или внизу окна браузера.
• Выбор типа записи. Вы можете отобразить виджет на страницах, в постах и записях WordPress кастомного типа.
• Количество слов в минуту. По умолчанию установлено 275 слов.
• Возможность учитывать или нет комментарии и картинки.
• Расположение виджета. Его можно вывести до или после заголовка статьи, а также перед контентом.
• Текст метки. Вместо «Reading Time» вы можете подставить другое значение.
• Внешний вид виджета. В настройках можно менять цвет фона, текста, размер шрифта и отступы.
• Шорткод [read_meter]. Позволяет отобразить тайминг чтения в любом месте статьи. Через атрибут id можно передать идентификационный номер конкретной записи.

SJ Reading Time: как вывести время чтения с помощью шорткода

Чтобы заставить бесплатный WordPress-плагин SJ Reading Time отображать информацию о количестве минут для прочтения, нужно вставить в пост шорткод [sjrt_reading_time]. Это можно сделать как через классический редактор, так и с помощью блока Gutenberg для шорткодов. По умолчанию этот виджет не выводится.

Все дополнительные опции доступны в атрибутах:

• Текст лейбла. По дефолту отображается «Reading time». Формулировку можно изменить через атрибут label.
• Единица времени. Значение по умолчанию — «mins». Для изменения служит атрибут postfix.
• Единица времени, если на чтение требуется всего 1 минута. По умолчанию подставляется текст «min». Можно изменить через атрибут postfix_singular.
• Количество слов в минуту. По дефолту установлено значение 250.
• Отключение картинок. Наличие каждой картинки увеличивает время чтения на 10 секунд. Чтобы изображения не учитывались, нужно снять галочку с соответствующего пункта настроек.

Возможность изменить внешний вид поля через панель администратора WordPress также отсутствует.

Reading Time by WhileTrue: необычный виджет с приблизительным временем прочтения

Reading Time by WhileTrue — бесплатный плагин WordPress, который автоматически подставляет в каждую запись виджет с информацией о количестве минут чтения и графической полосой. Выглядит это довольно эффектно.

Однако смысл анимированной полосы не очень понятен. За то время, пока индикатор заполняется, явно невозможно прочесть статью.

Там же вы можете внести следующие изменения:

• Количество слов в минуту. По дефолту стоит значение 200. Если ваша аудитория читает медленно, поменяйте эту цифру на 150, а если быстро — на 250 или 300.
• Цвет прогресс-бара. По умолчанию он синий, но вы можете указать свой вариант.
• Положение виджета. Его можно поставить до или после контента.
• Показать минуты. По дефолту время указывается в секундах. В настройках вы можете поменять единицы измерения на минуты.

Как отобразить программно время прочтения статьи в WordPress

Способ подойдет для продвинутых пользователей WordPress. Для вывода этой информации без плагина можно использовать небольшой код. Его нужно вставить в файл functions.php темы, которую вы используете на сайте WordPress.

Вот этот php-код:

function reading_time_wpcourses() {
    $content = get_post_field( 'post_content', $post->ID );
    $content_clean = strip_tags($content);
    $word_count = count(preg_split('/\s+/', $content_clean));
    $readingtime = ceil($word_count / 200);
    $timer = " мин.";
    $totalreadingtime = 'Время чтения: ' . $readingtime . $timer;
    return $totalreadingtime;
}

После того, как отредактируете functions.php, откройте файл с кодом отдельной страницы. В нем перед областью контента добавьте строчку:

<? php echo reading_time_wpcourses(); ?>

WordPress-темы со встроенным функционалом отображения времени чтения

В некоторых шаблонах такой функционал уже предусмотрен разработчиками. Например, визуально привлекательный виджет есть в премиальной теме Reboot от WPShop. Он автоматически появляется в каждой записи вместе с другой информацией о статье, такой как количество просмотров, дата публикации и имя автора.

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

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

Скидка на Reboot