前言介紹
- 這款 WordPress 外掛「ReadBar – Smart Reading Time & Dynamic Progress Bar」是 2025-07-08 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-07-09，距離現在已有 231 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
noorwork |
外掛標籤
progress bar | reading time | article progress | content engagement | estimated reading time |
內容簡介
```html
<ul>
<li>ReadBar 是一款智能且高度自定義的外掛程式，透過提供預估閱讀時間和動態閱讀進度條，提升使用者體驗。</li>
</ul>
```
1. ReadBar 是什麼樣的外掛程式？
- ReadBar 是一款智能且高度自定義的外掛程式，透過提供預估閱讀時間和動態閱讀進度條，提升使用者體驗。
2. ReadBar 如何幫助提升內容參與度？
- ReadBar 是智能閱讀時間計算，能自動估算基於可配置每分鐘字數的閱讀時間，並以流暢動畫方式顯示隨著使用者滾動內容而更新的動態閱讀進度條。
3. ReadBar 的自定義設計功能有哪些？
- ReadBar 提供完全可自訂的設計，可控制顏色（文字、背景、進度條）、文字對齊、字體大小、邊距和填充，以完美配合網站的設計。
4. 如何設置 ReadBar 的位置？
- 使用者可以將閱讀時間放置在標題上方、內容上方或下方，而進度條可以固定在視窗的頂部或底部。
5. 如何控制 ReadBar 在不同設備上的可見度？
- 使用者可以獨立啟用或停用行動裝置、平板電腦和桌面裝置的功能。
6. 如何在特定文章類型上自動顯示閱讀時間和進度條？
- 使用者可以選擇想要在哪些特定文章類型上自動顯示閱讀時間和進度條。
7. 如何在各處插入閱讀時間？
- 使用者可以使用 [read_bar_reading_time] 短碼在任何位置插入閱讀時間，也可使用可選參數覆寫全域設置，實現獨特的插入位置。
8. ReadBar 的程式碼特性是什麼？
- ReadBar 使用乾淨且高效的程式碼構建，確保快速載入頁面速度和最佳效能。
9. ReadBar 是否有助於SEO？
- ReadBar 設計用於增強使用者體驗，並不會對搜尋引擎排名造成負面影響。
10. ReadBar 是否支援翻譯？
- ReadBar 完全國際化，易於翻譯成任何語言。
原文外掛簡介
ReadBar is a smart and highly customizable plugin that improves user experience by providing estimated reading times and a dynamic reading progress bar for your posts and pages. Enhance content engagement, provide clear expectations, and help your readers easily track their progress through your articles.
Key Features:
* Smart Reading Time Calculation: Automatically estimates reading time for posts/pages based on configurable words per minute.
* Dynamic Reading Progress Bar: Displays a smooth, animating progress bar that updates as users scroll through content.
* Fully Customizable Design: Control colors (text, background, bar), text alignment, font size, margin, and padding to perfectly match your site’s design.
* Flexible Positioning: Place reading time above title, above content, or below content. The progress bar can be fixed at the top or bottom of the viewport.
* Device Visibility Control: Independently enable or disable features for mobile, tablet, and desktop devices.
* Post Type Selection: Choose specific post types where the reading time and progress bar should appear automatically.
* Reading Time Shortcode: Use [read_bar_reading_time] to insert reading time anywhere, with optional parameters to override global settings for unique placements.
* Lightweight & Optimized: Built with clean, efficient code to ensure fast page load speeds and optimal performance.
* SEO-Friendly: Designed to enhance user experience without negatively impacting your search engine rankings.
* Translation Ready: Fully internationalized for easy translation into any language.
ReadBar helps you provide a better, more informative, and visually engaging reading experience for your audience.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「ReadBar – Smart Reading Time & Dynamic Progress Bar」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Mighty Addons for Elementor 》Mighty Addons 是一個針對 Elementor 頁面建構器的優質插件集合，不斷增加和改進插件的功能。Mighty Addons for Elementor 包含預先設計好且可輕易根據使用情...。
Free Shipping Label and Progress Bar for WooCommerce 》透過進度條通知外掛，您可以清楚地讓顧客知道他們離免運門檻還有多遠，這不僅能防止購物者離開，也鼓勵他們新增商品到購物車並提高訂單金額，從而提高收益。...。
Progress Bar & Skill Bar 》這是一款很棒的 WordPress 進度條外掛，可讓您在任何網誌或文章頁面上以百分比顯示技能。對網站作者來說很有用，可用於顯示技能。此外掛可產生shortcode 嵌入...。
Ultimeter 》Ultimeter 可以透過簡單的短碼、小工具或區塊來顯示不同的計量器（Lite 版提供了一個溫度計和一個進度條，Pro 版提供了三個以上的計量器選擇），您可以選擇百...。
Progress Bar 》此外掛只做一件事：建立一個簡單（但看起來不錯）的 CSS3 進度條，您可以使用自己的 CSS 进行樣式設計，並使用一個簡單的 shortcode 在任何地方使用。現在支...。
Catch Scroll Progress Bar 》Catch Scroll Progress Bar是一個簡單而實用的WordPress外掛，可提供博客文章剩餘的視覺化呈現，並且是完全免費的。當讀者滾動網頁時，進度條開始填充，表示...。
Reading Position Indicator 》創建一個垂直進度條，顯示目前單一文章的滾動進度。, 感謝Pankaj Parashar在 CSS-TRICKS 上撰寫有關閱讀位置指示器的文章(Reading Position Indicator)。
Skill Bars 》Easy animated Shortcode skill bars for WordPress. 這是一個簡單易用的外掛，可以讓您在 WordPress 上加入回應式技能條（skill bars）。透過短代碼（shortc...。
Author WIP Progress Bar 》WIP (Work in Progress) Progress Bar 是我網站上作家身分所想要的外掛程式。WIP-Progress Bar 可以透過小工具或產生短代碼的方式，創造出漂亮的進度條 (亦稱...。
Tiles Progress Block 》一個快速簡單的方法，將進度條添加到您的網站。。
Pure CSS Circle Progress bar 》圓形進度條。使用 CSS 構建。最小（4KB）且高效。以圓形樣式顯示您的技能水平。使用短碼或小部件添加無限的圓形進度條，還可以添加無限的顏色。, 短碼：[circ...。
Progress Bar for Contact Form 7 》這是一個為 Contact Form 7 表單所設計的進度條外掛，可以呈現出乾淨俐落的外觀。支援文字、下拉選單、單選按鈕和勾選框欄位，但目前勾選框欄位無法追蹤，未...。
CC Circle Progress Bar 》簡單的圓形動畫進度條。, 無限制使用。, 示範連結：http://www.crazy-coder.com/plugins/cc-circle-progress-bar/, 特點, 1. 可顯示任何類型的進度條。, 2. ...。
Circle Progress Bar 》「Circle Progress Bar」外掛可展示無限裝飾漂亮的圓形進度條，並擁有耀眼的色彩。同時也可以填充兩種不同的顏色到圓形條中，此外，你可以透過提供所需的百分...。
WP Pace 》建立自動頁面載入進度條。基於Pace-自動頁面載入進度條。Javascript由Zack Bloom提供，CSS由Adam Schwartz提供。主題靈感來自於Mary Lou。, 在此處查看工作演...。