Title: MangaFocus – Panel-by-Panel Manga Reader
Author: cniworks
Published: <strong>2026 年 10 月 9 日</strong>
Last modified: 2026 年 10 月 16 日

---

搜索插件

![](https://ps.w.org/mangafocus/assets/banner-772x250.png?rev=3735810)

![](https://ps.w.org/mangafocus/assets/icon-256x256.png?rev=3735810)

# MangaFocus – Panel-by-Panel Manga Reader

 作者：[cniworks](https://profiles.wordpress.org/cniworks/)

[下载](https://downloads.wordpress.org/plugin/mangafocus.0.4.0.zip)

 * [详情](https://cn.wordpress.org/plugins/mangafocus/#description)
 * [评价](https://cn.wordpress.org/plugins/mangafocus/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/mangafocus/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/mangafocus/#developers)

 [支持](https://wordpress.org/support/plugin/mangafocus/)

## 描述

#### About MangaFocus

MangaFocus is a WordPress plugin for publishing comics made from image files. Its
panel-by-panel reader lets authors define regions on each page so readers can move
through the comic one panel at a time. It also provides page-by-page reading, two-
page spreads, fullscreen viewing, vertical scrolling, zoom and pan controls, and
reusable Manga Library entries.

The plugin does not generate images and does not send content to an AI API. It can
display AI-assisted artwork, conventionally created comics, company introductions,
brochures, and other image-based publications.

#### Free features

 * A MangaFocus block for posts and pages
 * Panel-by-panel reading with author-defined panel regions
 * Separate optional panel regions for mobile screens
 * Single-page, two-page spread, and responsive automatic layouts
 * Optional standalone cover pages and standalone handling for landscape images
 * Right-to-left and left-to-right binding
 * Fullscreen page navigation and vertical scrolling
 * A fullscreen mode that focuses on one page at a time within a spread
 * Zoom, pan, keyboard, swipe, and page-edge controls
 * Independent inline, fullscreen, and panel reading modes, with cover launch buttons
   for enabled modes
 * Reuse through Manga Library, the Registered Viewer block, and shortcodes

The one-page-at-a-time spread mode focuses on each complete page in reading order.
Panel-by-panel reading instead follows the author-defined regions within each page.

#### Creating and reusing comics

Direct Viewer places a MangaFocus block directly in a post or page and stores the
comic configuration with that block.

Manga Library stores a comic as a reusable entry. Select it with the Registered 
Viewer block or display it with a shortcode:

    ```
    [ai_manga_viewer id="123"]
    ```

Registering a Direct Viewer in Manga Library creates an independent copy of its 
current configuration. Later edits are not synchronized automatically.

#### Layout and reading modes

Choose a single-page, spread, or automatic layout. Spread and automatic layouts 
can show the first page as a standalone cover and can keep landscape images on their
own page.

Fullscreen reading supports normal page navigation or continuous vertical scrolling.
Spread-based comics can also focus on one complete page at a time while fullscreen.

#### Pro add-on

The Core plugin can be extended by a compatible Pro add-on. Pro features include
calls to action, analytics reports, AI consultation material, and AI manga production
support. Panel-by-panel reading is included in Free/Core.

When the Pro add-on is inactive, published content falls back to the regular Free
Viewer. Saved Pro settings remain stored so that a compatible add-on can use them
again later.

#### Data and privacy

Free/Core does not collect reader events on the public site. It does not send telemetry,
use an external analytics service, depend on a CDN, or automatically send content
to an external API.

Analytics is disabled by default. If Pro Analytics is used, its data is designed
to remain in the local database of the WordPress site. Administrators can configure
the retention period and delete stored analytics data.

Core contains the local Analytics table lifecycle, retention schedule, and deletion
settings required for compatibility and stored-data management. Without the Pro 
add-on, no new reader events are collected.

If a site owner uses an image URL hosted on another site, the reader’s browser connects
to that image host to retrieve the file.

### Development

The distributed plugin contains its human-readable PHP, JavaScript, and CSS source.
It does not use minified, bundled, or transpiled runtime files.

The maintained development repository is available at https://github.com/cni-works/
mangafocus.

The release build tool is available in the public development repository at https://
github.com/cni-works/mangafocus/blob/3c13166c04880ebe4342dfcdb4f4bd9dbbcc70eb/scripts/
build-release.ps1 and is not included in the distributed plugin. To run it, check
out the corresponding repository revision and run `powershell -File scripts/build-
release.ps1` from the repository root.

## 屏幕截图

[⌊Configure comic pages in the block editor⌉⌊Configure comic pages in the block 
editor⌉[

Configure comic pages in the block editor

[⌊Standard single-page reading⌉⌊Standard single-page reading⌉[

Standard single-page reading

[⌊Two-page spread reading⌉⌊Two-page spread reading⌉[

Two-page spread reading

[⌊Fullscreen page navigation⌉⌊Fullscreen page navigation⌉[

Fullscreen page navigation

[⌊Fullscreen vertical scrolling⌉⌊Fullscreen vertical scrolling⌉[

Fullscreen vertical scrolling

[⌊Manga Library⌉⌊Manga Library⌉[

Manga Library

## 安装

 1. Install and activate MangaFocus.
 2. Add the MangaFocus block to a post or page.
 3. Select the page images in reading order.
 4. Configure the page layout, binding direction, fullscreen mode, vertical scrolling,
    zoom, and Panel-by-Panel reading.
 5. Preview the desktop and mobile layouts, then publish the post.

To reuse the same comic in multiple locations, copy a Direct Viewer into Manga Library
with “Register in Manga Library.” Then add the Registered Viewer block to a post
and select the comic, or use the shortcode shown in the Manga Library list.

## 常见问题

### Does MangaFocus generate manga with AI?

No. MangaFocus displays comic images in a reader on WordPress. It does not generate
images.

### Can I use it with conventionally created comic images?

Yes. It works with conventionally created comics, AI-assisted artwork, company introductions,
brochures, and other image-based publications.

### What is the difference between Direct Viewer and Manga Library?

Direct Viewer stores a comic directly in a post or page. Manga Library manages a
comic as a separate reusable entry that can be displayed with the Registered Viewer
block or a shortcode.

### Does a Direct Viewer stay synchronized after registration in Manga Library?

No. Registration creates an independent copy. The Direct Viewer and Manga Library
entry are managed separately afterward.

### What is the difference between a spread and focusing on one page at a time?

A spread shows two pages together. “Focus on one page at a time” keeps the spread
structure while focusing on each complete page in fullscreen. Panel-by-Panel reading
instead enlarges the author-defined regions within each page.

### Can I use MangaFocus without the Pro add-on?

Yes. Free/Core includes Panel-by-Panel reading, page navigation, spreads, automatic
layouts, fullscreen viewing, vertical scrolling, zoom, Manga Library, Registered
Viewer, and shortcodes.

### What happens if I deactivate the Pro add-on?

Published comics continue to display with the regular Free Viewer. Saved Pro settings
remain stored and can be used again after a compatible Pro add-on is reactivated.

### Is analytics data sent to an external service?

Free/Core does not send reader data to an external analytics service. When Pro Analytics
is used, data is designed to remain in the WordPress site’s local database. Analytics
is disabled by default.

### Does uninstalling MangaFocus delete comic data?

Manga Library posts and post metadata are not deleted automatically. Analytics tables
and settings are also retained by default. They are deleted only when “Delete on
uninstall” has been enabled. The scheduled retention cleanup is removed during uninstall.

## 评价

此插件暂无评价。

## 贡献者及开发者

「MangaFocus – Panel-by-Panel Manga Reader」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ cniworks ](https://profiles.wordpress.org/cniworks/)

「MangaFocus – Panel-by-Panel Manga Reader」插件已被翻译至 1 种本地化语言。 感谢
[所有译者](https://translate.wordpress.org/projects/wp-plugins/mangafocus/contributors)
为本插件所做的贡献。

[帮助将「MangaFocus – Panel-by-Panel Manga Reader」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/mangafocus)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/mangafocus/)，查看[SVN仓库](https://plugins.svn.wordpress.org/mangafocus/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/mangafocus/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/mangafocus/)。

## 更新日志

#### 0.4.0

 * 通常表示・全画面表示・コマ読みを個別に選択可能に。旧設定と保存値を保持。
 * 設定画面とコマ読み開始位置の選択肢を整理。1ページ表示では見開き専用設定を非表示。
 * ブロック設定に表紙画像を追加。アイキャッチの自動設定を廃止し、既存表紙を維持。
 * 縦長表紙の左右余白と、画像を覆わない案内矢印の配置を改善。
 * 自由ズームOFF時の縦読みと、中間ページからの開始位置を修正。
 * 小画面の全画面ページ送り配置と日本語の設定説明を改善。

#### 0.3.0

 * Renamed the plugin to MangaFocus and aligned the distribution slug and Text Domain
   with `mangafocus`.
 * Added author-defined Panel-by-Panel reading to Free/Core.
 * Added Manga Library, the Registered Viewer block, and shortcodes.
 * Added single-page, spread, automatic, standalone cover, and standalone landscape
   layouts.
 * Added fullscreen page focus, vertical scrolling, zoom, and the fullscreen cover
   launcher.
 * Added Manga Library cover management, the admin list, and copying from Direct
   Viewer.
 * Added Feature, Capability, and Extension APIs with a compatibility schema that
   preserves Pro settings.
 * Added local Analytics storage, retention, and cleanup infrastructure while keeping
   the collector and reports outside Free/Core.
 * Added bundled English and Japanese localization, REST argument definitions, documentation,
   and a reproducible WordPress.org release build.

#### 0.2.0-alpha

 * Improved page navigation, right-to-left and left-to-right binding, swipe gestures,
   and keyboard controls.
 * Added fullscreen viewing, free zoom, pinch gestures, and panning.
 * Added the initial Manga Library and Registered Viewer infrastructure.

#### 0.1.0-alpha

 * Initialized the standalone WordPress plugin under its former AI Manga Viewer 
   name.

## 额外信息

 *  版本 **0.4.0**
 *  最后更新：**21 小时前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.3 或更高版本 **
 *  已测试的最高版本为 **7.1.3**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/mangafocus/) 和 [Japanese](https://ja.wordpress.org/plugins/mangafocus/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/mangafocus)
 * 标签
 * [comic](https://cn.wordpress.org/plugins/tags/comic/)[gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)
   [manga](https://cn.wordpress.org/plugins/tags/manga/)[reader](https://cn.wordpress.org/plugins/tags/reader/)
   [viewer](https://cn.wordpress.org/plugins/tags/viewer/)
 *  [高级视图](https://cn.wordpress.org/plugins/mangafocus/advanced/)

## 评级

尚未提交反馈。

[您的评价](https://wordpress.org/support/plugin/mangafocus/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/mangafocus/reviews/)

## 贡献者

 *   [ cniworks ](https://profiles.wordpress.org/cniworks/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/mangafocus/)