Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

Idara Reading Time

开发者 sajidansari65
更新时间 2026年6月2日 21:43
PHP版本: 7.4 及以上
WordPress版本: 7.0
版权: GPLv2 or later
版权网址: 版权信息

标签

blog gutenberg block progress bar reading time fse

下载

1.0.0

详情介绍:

Idara Reading Time is a focused, single-purpose Gutenberg block that does one thing well: shows readers how long your post will take. It also offers an optional scroll progress bar — a thin bar pinned to the top or bottom of the page that fills as the visitor scrolls. Idara (إدارة) is an Arabic word meaning "studio" or "administration" — the brand behind a growing family of carefully crafted, single-purpose Gutenberg blocks. Why this and not a full block suite? Most block plugins ship 30+ blocks you'll never use, slowing your editor and your frontend. Idara plugins are deliberately small. This one is under 25 KB. CSS and JS load only on pages where the block is present — never globally. Features Use cases

安装:

  1. Upload the plugin folder to /wp-content/plugins/, or install via Plugins → Add New → Upload Plugin
  2. Activate the plugin through the Plugins menu
  3. Open any post or page in the block editor
  4. Insert the Reading Time block where you want it displayed
  5. Configure icon, format, and progress bar from the block settings sidebar

屏幕截图:

  • Block selected in the editor with toolbar shortcuts for icon cycling and range toggle
  • Block settings sidebar — Display, Calculation, Scroll progress bar, and Advanced panels
  • Display panel — icon style picker (clock, timer, hourglass, or none), Single/Range format toggle, and custom prefix/suffix fields
  • Calculation panel — adjustable words-per-minute (default 200 WPM) and hide-on-short-posts toggle
  • Scroll progress bar panel — enable toggle, live mini-preview, position (top/bottom), height, and color picker
  • Frontend — reading time with clock icon displayed in a post, with scroll progress bar visible at the bottom of the page
  • Frontend — reading time with hourglass icon displayed below the post title in a blog layout

常见问题:

How is reading time calculated?

The plugin strips block markup, shortcodes, and HTML from the post content, counts the remaining words, and divides by your chosen words-per-minute setting (default 200). The minimum displayed value is 1 minute.

Does it work with Full Site Editing block themes?

Yes. You can place the block inside any block template or template part — for example, inside a "Single Post" template just below the Post Title block.

Will this slow down my site?

No. The entire plugin is under 25 KB, ships no jQuery, and makes zero external requests. Its CSS and JavaScript are enqueued only on pages that actually contain the block — never site-wide — so pages without it load exactly as before.

Does the scroll progress bar affect performance?

The frontend script is a tiny vanilla JavaScript file (under 1 KB) using a passive scroll listener and requestAnimationFrame. It is enqueued only on pages where the block is present.

Can I style the block?

Yes. The block fully supports WordPress block color and typography controls. The frontend uses simple class names: .idara-rt, .idara-rt-icon, .idara-rt-text, .idara-rt-progress-wrap, and .idara-rt-progress-bar.

Does this plugin track users or send data anywhere?

No. Everything runs locally on your site. No external requests, no analytics, no tracking.

How do I display reading time as a range?

In the block settings sidebar, click the "Range" button under Format. You can then choose how wide the range should be (1 to 5 minutes spread).

更新日志:

1.0.0