Добавьте панель прогресса чтения в WordPress (элементатор)
Прочтение Прогресс Бар является бесплатным Мастер Аддоны расширение, которое добавляет тонкую полосу к верхней или нижней части экрана и заполняет его, как посетители прокрутить вниз страница. вы переключаете его на каждой странице или публикации в Elementor's Page Settings, затем установить положение, высоту, отслеживать цвет, цвет заливки и скорость анимации.Это подходит для длинных статей, учебных пособий, документации и юридических страниц, где читатели любят знать, сколько осталось.
Это расширение отслеживает прокрутку. Чтобы показать гол или счет в виде линии, круга или указателя, используйте Виджет Прогресс Бар. Для списка брусков навыков используйте Прогресс Барс.
Включите его на страницу, сверху или снизу
Откройте страницу или публикацию в Elementor, щелкните значок шестеренки Настройки страницы (Настройки публикации на сообщениях) и разверните Прогресс-бар чтения раздел. Включить Включить панель выполнения чтения и набор Должность вверху или внизу. планка закреплена на краю экрана и заполняется от 0 до 100%, когда посетитель прокручивает от верхней части страницы к нижней.
- Настройка сохраняется на страницу, поэтому включите ее на длинные публикации и оставьте на коротких страницах. Общего коммутатора нет.
- Работает на страницах и постах, построенных с помощью Elementor, так как коммутатор живет в Настройках Страниц Elementor.
- Прогресс охватывает всю высоту страницы, включая заголовок, комментарии и нижний колонтитул, а не только текст статьи.
- Для вошедших в систему пользователей панель перемещается вниз под строкой администратора WordPress.
Высота, цвета и скорость анимации
Набор Высота от 0 до 100px (5px по умолчанию). Цвет фона раскрашивает пустую дорожку (по умолчанию белую) и Цвет Заполнения раскрашивает прогресс (синий #007bff по умолчанию). Скорость анимации устанавливает, насколько плавно заполнение следует за прокруткой, от 0 до 1000 миллисекунд, по умолчанию 50.
- Вы можете выбрать глобальные цвета из комплекта Elementor для дорожки и заполнить ее.
- Бар размером от 3 до 6px заметен, не закрывая заголовок.
- Более низкая скорость анимации кажется более прямой, более высокой - более плавной, но немного отложенной.
Elementor Pro Progress Tracker против панели выполнения чтения
У Elementor Pro есть виджет Progress Tracker, который выполняет аналогичную работу с большим количеством опций. Вот как они сравниваются.
| Особенность | Elementor Pro Progress Track | Мастер Аддоны Прогресс чтения Бар |
|---|---|---|
| Цена | Нужен Элементор Про | Бесплатно с главными дополнениями |
| Как ты добавляешь | Виджет, обычно помещаемый в шаблон заголовка или одной публикации | Переключатель в Настройках Страницы каждой страницы |
| Формы | Горизонтальный или круговой | Горизонтальная планка |
| Треки | Вся страница, содержимое публикации или селектор CSS | Вся страница |
| Процентная метка | Да, опционально | Нет |
| Размещение | Куда бы вы ни поместили виджет с вариантами направления | Закрепляется в верхней или нижней части экрана |
Выберите "Трекер прогресса" Elementor Pro, если он вам нужен в каждом сообщении из одного шаблона, кругового стиля или только для прохождения статьи. Выберите "Площадь выполнения чтения" для бесплатной простой панели на выбранных страницах. Соедините его с бесплатным Оглавление виджет на длинных постах.
Как добавить панель прогресса чтения в WordPress
Вам нужен Elementor и бесплатный плагин Master Addons с отредактированной страницей или публикацией в Elementor.
- Установить и активировать Мастер-адреса от WordPress.orgи проверьте, включена ли панель выполнения чтения Основные дополнения, расширения.
- Откройте сообщение или страницу с помощью Elementor.
- Щелкните значок шестерни, чтобы открыть Настройки страницы (Настройки публикации на сообщениях).
- Расширять Прогресс-бар чтения и включить Включить панель выполнения чтения.
- Выберите "Верхняя" или "Нижняя", затем установите высоту, цвет фона, цвет наполнения и скорость анимации.
- Обновите страницу и прокрутите ее на передней панели, чтобы проверить панель.
Часто задаваемые вопросы для чтения Прогресс-бара
Является ли бар Reading Progress бесплатным?
Да. это бесплатное расширение в плагине Master Addons на WordPress.org и работает с бесплатным Elementor. он показывает на телефонах и планшетах тоже, фиксированный к верхнему или нижнему краю.
Могу ли я добавить его на одни страницы, но не на другие?
Да, и только так это работает Переключатель находится в Настройках страницы Элементор каждой страницы или поста, поэтому включите его для длинных сообщений и оставьте его в другом месте. нет глобальной настройки, чтобы добавить его в каждую публикацию сразу.
Это замедлит мой сайт?
Нет. Он добавляет небольшой встроенный сценарий и несколько строк CSS на страницах, где он включен, без дополнительных файлов или изображений.
Измеряет ли он только статью или всю страницу?
Вся страница. заполнение проходит от верхней части страницы до самого нижнего, поэтому заголовки, комментарии и нижние колонтитулы тоже имеют значение. Elementor Pro's Progress Tracker может отслеживать только содержимое сообщения, если вам это нужно.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
