PIR Site Structure Mapper

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 to build/admin.js and build/style-admin.css)
• src/public/ — Public-facing JS and CSS (builds to build/public.js and build/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:

1. Install dependencies: npm install
2. Build assets: npm run build
3. 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.