MangaFocus – Panel-by-Panel Manga Reader

Descripció

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
• A cover launcher that shows only the cover and a reading button in the page
• 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.