Title: Erryn Reading Progress & Table of Contents
Author: erryn.io
Published: <strong>2026年8月19日</strong>
Last modified: 2026年8月20日

---

プラグインを検索

![](https://ps.w.org/erryn-reading-progress-table-of-contents/assets/banner-772x250.
png?rev=3656519)

![](https://ps.w.org/erryn-reading-progress-table-of-contents/assets/icon-256x256.
png?rev=3656405)

# Erryn Reading Progress & Table of Contents

 作者: [erryn.io](https://profiles.wordpress.org/errynio/)

[ダウンロード](https://downloads.wordpress.org/plugin/erryn-reading-progress-table-of-contents.1.0.3.zip)

 * [詳細](https://ja.wordpress.org/plugins/erryn-reading-progress-table-of-contents/#description)
 * [レビュー](https://ja.wordpress.org/plugins/erryn-reading-progress-table-of-contents/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/erryn-reading-progress-table-of-contents/#installation)
 * [開発](https://ja.wordpress.org/plugins/erryn-reading-progress-table-of-contents/#developers)

 [サポート](https://wordpress.org/support/plugin/erryn-reading-progress-table-of-contents/)

## 説明

Erryn Reading Progress & Table of Contents helps readers understand where they are
in a long page and move directly to the section they need.

It automatically builds a table of contents from your headings, shows reading progress
as the visitor scrolls, and highlights the current section.

It works immediately after activation, follows your theme’s colours in light and
dark mode, and provides sensible defaults without requiring shortcodes or manual
setup.

#### Two responsive layouts

Choose between:

 * **Horizontal bar**: a progress bar with section links, fixed at the top or bottom
   of the viewport.
 * **Side rail**: a compact column of section markers that expands into the full
   contents list on hover or keyboard focus.

On smaller screens, the side rail automatically switches to the horizontal bar.

#### Automatic or manual control

By default, the plugin detects headings and displays itself automatically when a
post contains enough sections.

You can also:

 * Add the **TOC & Progress** block to enable it explicitly on a page.
 * Use the `[rptoc_reading_progress_toc]` or `[rptoc]` shortcode.
 * Add **TOC Anchor** blocks to define your own sections and labels.
 * Force the component on or off for an individual post.
 * Select which post types and heading levels should be included.
 * Exclude individual posts.
 * Provide a custom content-area selector for unusual themes.

When a page contains a TOC Anchor block, the plugin uses the manual anchors instead
of generating its contents from headings.

#### Designed to fit your theme

The plugin can inherit colours from your active theme, including sites that switch
between light and dark mode.

You may also choose colours from the theme palette or enter custom colours and opacity
values.

A live contrast check warns when custom text and background colours may be difficult
to read.

Appearance options include:

 * Rounded pills or plain-text links.
 * Start, centre or end alignment.
 * Desktop and mobile font sizes.
 * Adjustable pill spacing.
 * Progress fill above or below the links.
 * Top or bottom placement.
 * Automatic or custom sticky-header offset.
 * An optional drop shadow, off by default.

#### Fast by design

The plugin avoids repeatedly measuring the page during an ordinary scroll.

It measures section positions when required, stores those measurements, and updates
the progress indicator through `requestAnimationFrame`. The active section is tracked
with `IntersectionObserver`, keeping that work out of the scroll handler.

There is no jQuery dependency and no frontend build framework.

#### Accessibility

The component uses ordinary anchor links, supports keyboard interaction and identifies
the active section with `aria-current`.

Section links continue to work without JavaScript. JavaScript is required for the
progress indicator, active-section highlighting and expandable side rail.

Right-to-left layouts are supported.

#### Structured data and SEO plugins

Optional ItemList structured data can provide a machine-readable description of 
the page sections.

The plugin also registers as a recognised table of contents for Rank Math’s content
analysis, and can run alongside Yoast SEO and All in One SEO.

#### Privacy

Erryn Reading Progress & Table of Contents does not collect, store or send visitor
data.

There are no accounts, external API requests or tracking scripts.

#### Features

 * Automatic table of contents from H2 to H6 headings.
 * Reading progress indicator.
 * Current-section highlighting.
 * Horizontal bar and side-rail layouts.
 * Responsive mobile behaviour.
 * Automatic theme colour inheritance.
 * Light- and dark-mode support.
 * Theme-palette and custom colour options.
 * Per-colour opacity controls.
 * Live colour-contrast warnings.
 * Top or bottom viewport placement.
 * Automatic or custom header offset.
 * Pill or plain-text links.
 * Responsive font-size controls.
 * Optional drop shadow, off by default.
 * TOC Anchor block for manually defined sections.
 * TOC & Progress block.
 * Shortcode support.
 * Per-post display controls.
 * Optional ItemList structured data.
 * Rank Math table-of-contents recognition.
 * WPML and Polylang support.
 * Translation template included.
 * Right-to-left support.
 * `aria-current` on the active link.
 * No jQuery.
 * No tracking.

For screenshots, a live demonstration and further technical details, visit the plugin
page:

https://erryn.io/products/erryn-reading-progress-table-of-contents/

## スクリーンショット

[⌊The horizontal reading-progress bar with the current section highlighted.⌉⌊The
horizontal reading-progress bar with the current section highlighted.⌉[

The horizontal reading-progress bar with the current section highlighted.

[⌊The side rail expanded into the full table of contents.⌉⌊The side rail expanded
into the full table of contents.⌉[

The side rail expanded into the full table of contents.

[⌊General settings for automatic insertion, headings and post types.⌉⌊General settings
for automatic insertion, headings and post types.⌉[

General settings for automatic insertion, headings and post types.

[⌊Placement controls for the bar, rail and header offset.⌉⌊Placement controls for
the bar, rail and header offset.⌉[

Placement controls for the bar, rail and header offset.

[⌊Appearance settings for link style, sizing and spacing.⌉⌊Appearance settings for
link style, sizing and spacing.⌉[

Appearance settings for link style, sizing and spacing.

[⌊Theme, palette and custom colour controls with the live contrast check.⌉⌊Theme,
palette and custom colour controls with the live contrast check.⌉[

Theme, palette and custom colour controls with the live contrast check.

[⌊Per-post controls in the WordPress editor.⌉⌊Per-post controls in the WordPress
editor.⌉[

Per-post controls in the WordPress editor.

[⌊The TOC & Progress and TOC Anchor blocks in the block editor.⌉⌊The TOC & Progress
and TOC Anchor blocks in the block editor.⌉[

The TOC & Progress and TOC Anchor blocks in the block editor.

## ブロック

このプラグインは2個のブロックを提供します。

 *   TOC & Progress Adds the combined table of contents and reading progress bar.
   Fixed to the bottom of the viewport regardless of where this block sits on the
   page; headings are pulled automatically from this page's H2/H3s.
 *   TOC Anchor Marks a point on this page to appear in the TOC & Progress bar. 
   When any TOC Anchor blocks exist on a page, they replace automatic H2/H3 detection
   entirely for that page.

## インストール

 1. Upload the plugin files to `/wp-content/plugins/erryn-reading-progress-table-of-
    contents/`, or install the plugin through the WordPress Plugins screen.
 2. Activate **Erryn Reading Progress & Table of Contents**.
 3. Open a post or page containing several headings.
 4. Visit **Settings > Reading Progress** to change the layout, placement or appearance.

The plugin works with its default settings immediately after activation.

## FAQ

### Do I need to configure anything?

No. Activate the plugin and it will appear automatically on supported posts and 
pages that contain enough headings.

All settings are optional.

### Can I turn it off on one post?

Yes. Open the Reading Progress & Contents panel in the post editor and choose **
Never show**.

You can also choose **Always show** to override the global automatic-insertion rules
for that post.

### Can I define the sections myself?

Yes. Add TOC Anchor blocks where you want entries to appear.

Once a page contains one TOC Anchor block, the plugin uses the manual anchors instead
of generating its contents from headings.

### Can I use it outside the block editor?

Yes. Use the `[rptoc_reading_progress_toc]` shortcode. The shorter `[rptoc]` version
is also available.

It can be used in the Classic Editor and page builders that process standard WordPress
shortcodes.

### What happens on mobile?

The horizontal bar remains available on smaller screens.

When the side-rail layout is selected, it automatically switches to the horizontal
bar on mobile devices.

### Does it modify my saved content?

No.

The plugin adds IDs and its own markup to the rendered page. It does not permanently
rewrite the content stored in the WordPress editor.

### Will it work with a sticky header?

The plugin attempts to detect the site header automatically.

You can also set a custom header offset in pixels when automatic detection does 
not suit the theme.

### Can I use a custom content container?

Yes.

Under the advanced detection settings, choose the custom selector option and provide
the CSS selector for the content area, such as:

    ```
    article .entry-content
    ```

### Does it collect any data?

No. The plugin does not track visitors or send data to an external service.

### Does it work without JavaScript?

The table-of-contents links remain ordinary anchor links and can still be used.

JavaScript is required for the progress fill, active-section highlighting and side-
rail interaction.

### Can I customise it with CSS?

Yes.

The plugin uses CSS custom properties for its colours and spacing, allowing developers
to restyle it without editing the plugin files.

### Does the structured data guarantee search-result jump links?

No.

The optional ItemList markup provides a machine-readable description of the page
sections, but it does not guarantee a particular search-result treatment or ranking
improvement.

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

Erryn Reading Progress & Table of Contents はオープンソースソフトウェアです。以下
の人々がこのプラグインに貢献しています。

貢献者

 *   [ erryn.io ](https://profiles.wordpress.org/errynio/)

[“Erryn Reading Progress & Table of Contents” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/erryn-reading-progress-table-of-contents)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/erryn-reading-progress-table-of-contents/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/erryn-reading-progress-table-of-contents/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/erryn-reading-progress-table-of-contents/)
を [RSS](https://plugins.trac.wordpress.org/log/erryn-reading-progress-table-of-contents/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.3

 * The frontend stylesheet and script are now minified for production, roughly a
   third of their previous size after compression.

#### 1.0.2

 * Fixed the Plugin URI pointing to a page that does not exist.
 * Renamed the reading_progress_toc shortcode to rptoc_reading_progress_toc for 
   a consistent, unique prefix.

#### 1.0.1

 * Fixed the section links not scrolling sideways on mobile when the side-rail layout
   falls back to the bar.

#### 1.0.0

 * Initial release.
 * Automatic table-of-contents generation from H2 to H6 headings.
 * Horizontal reading-progress bar and expandable side-rail layouts.
 * Active-section highlighting and responsive mobile behaviour.
 * Theme-derived, palette and custom colour options, with a live contrast check.
 * Block, shortcode and per-post controls.
 * Manual TOC Anchor blocks.
 * Optional ItemList structured data.
 * Rank Math recognition, alongside Yoast and All in One SEO.
 * WPML, Polylang and right-to-left support.

## メタ

 *  バージョン **1.0.3**
 *  最終更新日 **2か月前**
 *  有効インストール数 **10未満**
 *  WordPress バージョン ** 6.0またはそれ以降 **
 *  検証済み最新バージョン: **7.0.7**
 *  PHP バージョン ** 7.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/erryn-reading-progress-table-of-contents/)
 * タグ
 * [navigation](https://ja.wordpress.org/plugins/tags/navigation/)[progress bar](https://ja.wordpress.org/plugins/tags/progress-bar/)
   [reading progress](https://ja.wordpress.org/plugins/tags/reading-progress/)[table of contents](https://ja.wordpress.org/plugins/tags/table-of-contents/)
   [toc](https://ja.wordpress.org/plugins/tags/toc/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/erryn-reading-progress-table-of-contents/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/erryn-reading-progress-table-of-contents/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/erryn-reading-progress-table-of-contents/reviews/)

## 貢献者

 *   [ erryn.io ](https://profiles.wordpress.org/errynio/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/erryn-reading-progress-table-of-contents/)