Первая заповедь программиста: не знаешь, что делать, делай что-нибудь. (Неизвестный автор)

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

2 мин для чтения
FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
7 сентября 2016
Как добавить прогресс-бар при чтении постов в WordPress
Вы заметили, как некоторые популярные сайты показывают индикатор процесса чтения в верхней части своих статей? Этот маленький столбик показывает пользователям, насколько большие статьи и сколько осталось прокрутки и призывает продолжить их чтение. В этой статье мы покажем вам, как добавить индикатор прогресса чтение на посты в WordPress.

Для чего вы должны добавить прогресс Бар в WordPress

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

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

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

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

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

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

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

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

Настройка индикатора прогресса чтения

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

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

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

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

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

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

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

Чтение прогресс бар в посте WordPress

Индикатор чтения работает только на отдельных постах. В настоящее время он не поддерживает пользовательские типы постов.

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Просмотров: 134

Если статья понравилась, то поделитесь ей в социальных сетях:

Один комментарий к Как добавить прогресс-бар при чтении постов в WordPress

  1. Интересное новшество, надо попробовать у себя на сайте

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Размер шрифта

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close