Пропустить

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

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

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

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

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

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

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

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

Начните продвигать свой блог

Загрузите десятки логотипов, баннеров, шаблонов веб-сайтов и многих других маркетинговых инструментов для продвижения вашего блога WordPress. [Рекомендуется]

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

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

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

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

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

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

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

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

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

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

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

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
0 акции
доля
чирикать
Регистрация