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

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

readingprogressbar-1[1]

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

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

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

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

Многие популярные сайты вроде The Daily Beast используют прогресс бары чтения для вовлечения пользователей. Однако, вам также следует убедиться, что индикатор прогресса чтения не будет особо бросаться в глаза и не будет раздражать пользователей на вашем сайте.

Давайте же посмотрим как можно легко добавить индикатор прогресса чтения в записи WordPress.

Добавляем индикатор прогресса чтения в записи WordPress

Первым делом вам потребуется установить и активировать плагин Worth The Read.

После активации переходим на страницу Настройки » Worth The Read для настройки своего прогресс-бара.

worththeread[1]

Для начала вам нужно включить индикатор прогресса чтения, отметив опцию ‘Enable’. После этого выбираем в каком месте выводить индикатор прогресса.

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

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

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

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

Не забудьте нажать на кнопку сохранения изменений.

Вот и все, теперь можно перейти в любую запись на вашем сайте и увидеть работу плагина в действии.

progress-bar-1[1]

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

Мы надеемся, что эта статья помогла вам добавить индикатор прогресса чтения в WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]
Rating: 5.0/5 (3 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top