Easy Reading Progress Bar

外掛說明

Easy Reading Progress Bar adds a sleek, customizable progress bar to your single post pages, providing readers with a visual indicator of their progress as they scroll through an article. It’s designed to be feather-light, incredibly fast, and compatible with the vast majority of WordPress themes, including modern Block Themes and popular classic themes.

Key Features:

  • Extremely Lightweight: No extra CSS or JavaScript files loaded. All code is inlined and optimized for performance.
  • Highly Compatible: Works seamlessly with many themes.
  • Customizable: Easily change the progress bar’s color and position (top or bottom of the page) from a simple settings page.
  • Dependency-Free: The frontend script does not rely on jQuery, ensuring it won’t conflict with other plugins or slow down your site.
  • Developer Friendly: Includes a filter (erpb_bar_height) to programmatically change the bar’s height.

This plugin was created with ❤️ by Mushlih Almubarak from Indonesia.

螢幕擷圖

  • Plugin settings page
  • A reading progress bar appears at the bottom of the page as the user scrolls down the page.

安裝方式

Installing the plugin is simple!

From your WordPress Dashboard:

  1. Navigate to ‘Plugins’ > ‘Add New’.
  2. Search for ‘Easy Reading Progress Bar’.
  3. Click ‘Install Now’ and then ‘Activate’.
  4. Go to ‘Settings’ > ‘Reading Progress Bar’ to customize the options. That’s it!

Manual Installation:

  1. Download the plugin zip file from WordPress.org.
  2. Navigate to ‘Plugins’ > ‘Add New’ in your WordPress dashboard.
  3. Click ‘Upload Plugin’ and select the zip file you downloaded.
  4. Activate the plugin.
  5. Go to ‘Settings’ > ‘Reading Progress Bar’ to customize.

常見問題集

Will this plugin slow down my site?

Absolutely not. Performance is a core feature. The plugin only loads its tiny, optimized code on single post pages and does not enqueue any extra CSS or JS files, keeping your site fast.

Does this work with my theme?

Yes, most likely! The plugin was built for high compatibility. It intelligently detects the main content area in classic and modern block themes, and a wide range of other theme structures.

Can I change the height of the bar?

Yes. While there is no setting for it in the settings page to keep things simple, developers can use a WordPress filter to change the height. The default is 7px.

Example code to add to your theme’s functions.php file to change the height to 10px:
add_filter( ‘erpb_bar_height’, function() { return ’10’; } );

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Easy Reading Progress Bar〉的開發相關工作。

參與者

將〈Easy Reading Progress Bar〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0.0

  • Initial public release.
  • Features an easy, simple, lightweight, dependency-free reading progress bar for single posts.
  • Includes a settings page to customize bar color and position (top or bottom).
  • Designed for high compatibility with modern block themes and popular classic themes.