[WordPress] 外掛分享: Reading Progress Bar

首頁外掛目錄 › Reading Progress Bar
WordPress 外掛 Reading Progress Bar 的封面圖片
全新外掛
安裝啟用
尚無評分
272 天前
最後更新
問題解決
WordPress 5.6+ PHP 7.3+ v2.0.0 上架:2024-03-24

內容簡介

```html
<ul>
<li>外掛介紹:Reading Progress Bar 外掛為您的部落格文章添加進度條,讓讀者了解他們已經閱讀了多少內容。這個功能增強閱讀體驗,並提供使用者進度的視覺指示。</li>
</ul>
```

1. 這個外掛的功能有哪些?
- 自動地為部落格文章添加閱讀進度條。
- 可自訂選項以控制進度條的外觀和行為。
- 可選擇在特定文章啟用或停用進度條。
- 輕量且易於使用。

2. 如何設定這個外掛?
- 在WordPress儀表板中,導航至 'Settings' > 'Blog Reading Progress Bar'。
- 根據您的喜好自訂選項,例如進度條的顏色和高度。
- 選擇是在所有文章還是特定文章上顯示進度條。
- 儲存您的更改。

3. 這個外掛的授權是什麼?
- 這個外掛釋出於 GPL-2.0+ 授權。
- 您可以在 license.txt 檔案中找到授權的副本,或訪問 https://www.gnu.org/licenses/gpl-2.0.html 了解更多資訊。

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Reading Progress Bar」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

The Reading Progress Bar plugin adds a beautiful, customizable progress bar to your blog posts, allowing readers to see how much they have scrolled through the content. This feature helps to enhance the reading experience and provides a visual indication of the user’s progress.
Key Features:
– 🎨 Modern Dashboard: Beautiful, intuitive admin interface with live preview
– 🌈 Advanced Customization: Gradient colors, shadows, borders, and effects
– 📱 Responsive Design: Works perfectly on desktop, tablet, and mobile
– ⚡ Performance Optimized: Smooth animations and efficient code
– 🎯 Per-Post Control: Enable/disable for individual posts
– 📊 Reading Time: Display estimated reading time
– 🎪 Live Preview: See changes in real-time as you adjust settings
Features
Core Functionality

Reading Progress Tracking: Real-time progress bar that shows how much of the post has been read
Per-Post Control: Enable/disable progress bar for individual posts
Reading Time Estimation: Display estimated reading time for posts
Responsive Design: Works perfectly on desktop, tablet, and mobile devices

Advanced Customization

Color Options:

Solid color picker with WordPress native color picker
Gradient color support with start and end colors
Custom shadow colors and effects
Border color and width customization

Visual Effects

Position Control: Place progress bar at top or bottom of screen
Size Customization: Adjustable height (1-20px)
Border Radius: Rounded corners (0-50px)
Opacity Control: Adjust transparency (0.1-1.0)
Shadow Effects: Customizable shadow with color and blur options
Border Styling: Optional border with custom color and width

User Experience

Smooth Animations: Fluid progress updates with CSS transitions
Performance Optimized: Uses requestAnimationFrame for smooth scrolling
Keyboard Navigation: Space bar and arrow key support
Touch Gestures: Swipe support for mobile devices
Accessibility: High contrast mode and reduced motion support

Dashboard Features

Modern Admin Interface: Beautiful, responsive dashboard with tabs
Live Preview: See changes in real-time as you adjust settings
Statistics: View posts with progress bar enabled vs total posts
Organized Settings: Grouped options for easy configuration

Configuration
Basic Settings

Navigate to Settings > Reading Progress Bar
Configure appearance options:

Color: Choose solid color or enable gradient
Height: Set progress bar height (1-20px)
Position: Top or bottom of screen
Border Radius: Add rounded corners
Opacity: Adjust transparency

Advanced Effects

Shadow: Enable shadow with custom color and blur
Border: Add border with custom color and width
Gradient: Use gradient colors instead of solid color

Display Settings

Show on Posts: Enable/disable for blog posts
Show on Pages: Enable/disable for pages
Show Reading Time: Display estimated reading time

Per-Post Settings

Edit any post and look for the “Reading Progress Bar” meta box
Check/uncheck to enable/disable for that specific post

Requirements

WordPress 5.6 or higher
PHP 7.3 or higher
jQuery (included with WordPress)

License
This plugin is released under the GPL-2.0+ license. You can find a copy of the license in the license.txt file or visit http://www.gnu.org/licenses/gpl-2.0.txt for more information.
Support
For support, feature requests, or bug reports, please visit the plugin page or create an issue on GitHub.
Made with ❤️ for the WordPress community

延伸相關外掛

文章
Filter
Mastodon