- 2026-05-15
- by LethaldiranMX
- Trends
- 0 Comments
DeveloperVisualize your WordPress site structure — templates, pages, navigation flow, widget areas, and link health — all in one dashboard.
PIR Site Structure Mapper gives you a complete visual map of how your WordPress site is structured. It reads your theme’s templates, pages, navigation menus, and content links, then presents everything in an interactive dashboard so you can understand and manage your site architecture at a glance.
Works with three theme types:
- Block themes (Full Site Editing) — templates, template parts, patterns, block trees, and the full template hierarchy
- Elementor sites — Theme Builder templates, saved templates, widget trees, display conditions, and navigation
- Classic themes — PHP template files, template hierarchy resolution, widget areas, and navigation menus
Key features:
- Site Navigation — visual flow map showing how pages connect through menus, content links, and template links
- Template analysis — see which templates exist, which pages use them, and how the template hierarchy resolves
- Page inspector — template resolution chain, content block/widget trees, and link analysis per page
- Link health — internal, external, and unresolved links with live verification via HTTP HEAD requests
- Live crawl — HTTP-based site crawling to discover pages and links as rendered
- Widget areas (classic themes) — registered sidebars and their active widgets
- Plugin routes — custom post types, taxonomies, and special pages registered by plugins
- Guard system — configurable safety limits prevent runaway processing on large sites
Development
The full source code for this plugin is publicly available at:
https://bitbucket.org/fgauer/wp-plugin-visual-editor/
Source Files
The compiled files in build/ are generated from human-readable source code included in the plugin:
src/admin/— Admin dashboard React components and CSS (builds tobuild/admin.jsandbuild/style-admin.css)src/public/— Public-facing JS and CSS (builds tobuild/public.jsandbuild/style-public.css)
Build Tools
- Node.js (LTS recommended)
@wordpress/scripts— WordPress wrapper around webpack, Babel, and PostCSS
Building from Source
To regenerate the compiled files:
- Install dependencies:
npm install - Build assets:
npm run build - For development with live reload:
npm start
Third-Party Libraries
All JavaScript dependencies are WordPress core packages (@wordpress/element, @wordpress/api-fetch, @wordpress/components, etc.) loaded at runtime via the WordPress script dependency system. No third-party libraries are bundled into the compiled files.
