
內容簡介
總結:
Nuvora閱讀時間和進度條是一個輕量、開發者友好的外掛,為讀者增添了兩個喜愛的功能:
- 顯示在文章內容前後的閱讀時間徽章。
- 一個滾動進度條 - 一個流暢的條形在屏幕頂部(或底部),隨著讀者滾動而填滿。
問題與回答:
1. 這個外掛與其他類似的外掛有何不同之處?
- 透過AI輔助調整閱讀時間,智能化地估計閱讀時間,並標註為“AI-adjusted”,讓讀者知道。
- 可以在每篇文章中覆蓋計算的閱讀時間,直接從編輯器中隱藏徽章或進度條。
- 具有無障礙設計,包括語義化的role="progressbar"和具有live aria-valuenow更新的進度條。
2. 這個外掛的設置功能有哪些?
- 可自定義每分鐘單字數(WPM),預設為238。
- 啟用/停用AI輔助調整。
- 徽章位置:在內容之前、之後或兩者都有。
- 選擇顯示徽章和/或進度條的文章類型。
- 自定義徽章標籤文字(使用{time}佔位符)。
- 選擇進度條顏色、高度(1–10 px)和位置(頂部/底部)。
3. 這個外掛提供了哪些模板標籤和過濾器?
- 模板標籤: rte_the_reading_time(), rte_get_reading_time()
- 過濾器: rte_badge_html, rte_show_badge, rte_ai_adjustment_factor
這些功能和設置讓這個外掛成為一個便利的工具,能夠增強用戶閱讀體驗和開發者的操作便捷。
外掛標籤
開發者團隊
② 後台搜尋「Nuvora Reading Time & Progress Bar」→ 直接安裝(推薦)
原文外掛簡介
Nuvora Reading Time & Progress Bar is a lightweight, developer-friendly plugin that adds two things readers love:
A reading time badge — shown before/after your post content.
A scroll progress bar — a sleek bar at the top (or bottom) of the screen that fills as the reader scrolls.
✨ What makes it different?
AI-assisted reading time adjustment
Posts with lots of headings, bullet lists, and short paragraphs are scanned faster by readers. The plugin detects structure in your content and intelligently reduces the estimate — labelled “AI-adjusted” so readers know.
Per-post overrides via meta box
Override the calculated reading time for any post. Hide the badge or progress bar per-post, right from the editor.
Accessibility-first design
– Semantic role="progressbar" with live aria-valuenow updates
– Meaningful aria-label on every element
– Keyboard-focusable progress bar
– Fully respects prefers-reduced-motion
– Screen-reader-friendly badge with word count in ARIA label
Minimal & performant
– No jQuery dependency (vanilla JS)
– No external assets, fonts, or CDN calls
– No database writes beyond settings
– No user tracking whatsoever
– ~1.5 KB JS / ~1.2 KB CSS (gzipped)
Elementor Widget included
– Drag and drop the Reading Time widget directly in Elementor
– Full widget controls for badge display and styling
– Works seamlessly with Elementor’s responsive settings
Developer-friendly
– Template tags: rte_the_reading_time(), rte_get_reading_time()
– Filters: rte_badge_html, rte_show_badge, rte_ai_adjustment_factor
– CJK (Chinese/Japanese/Korean) content support
– Per-post type configuration
📐 Settings
Custom WPM (words per minute) — default 238
Enable/disable AI-assisted adjustment
Badge position: before content, after content, or both
Choose which post types show the badge and/or progress bar
Customise badge label text (use {time} placeholder)
Pick progress bar color, height (1–10 px), position (top/bottom)
Optional percentage tooltip on hover
Respect prefers-reduced-motion toggle
🔧 Template Tags
Use in your theme:
🪝 Filters
Customise badge HTML:
add_filter( ‘rte_badge_html’, function( $html, $result ) { return $html; }, 10, 2 );
Disable badge conditionally:
add_filter( ‘rte_show_badge’, ‘__return_false’ );
Tweak AI adjustment factor (0.75–1.0):
add_filter( ‘rte_ai_adjustment_factor’, function( $factor, $html ) { return 0.85; }, 10, 2 );
