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

В этом уроке мы покажем вам, как добавить индикатор выполнения чтения в ваш WordPress блог.

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

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

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

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

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

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

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

Как добавить индикатор на WordPress

Первое, что вам нужно сделать, это установить и активировать плагин " Стоит прочитать ». Для более подробной информации, ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.

После активации необходимо посетить Настройки> Стоит прочитать Для настройки плагина.

Стоит Конфигурация плагина Read

Прежде всего, вам нужно активировать индикатор выполнения чтения, отметив опцию " активировать «(Enable). После этого вы должны выбрать место, где вы хотите отобразить индикатор выполнения.

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

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

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

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

Вот и все для этого урока. Надеюсь, вам удастся добавить индикатор выполнения на свой WordPress блог.

Пример прогрессия WordPress

Этот плагин работает только над статьями. Вы не можете использовать эту функцию на пользовательских страницах или в форматах публикации.

Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать нас.