Detailed description
The Parent & Child Pages block automatically displays the parent page title and only its direct child pages. This dynamic Gutenberg block creates clear local navigation for WordPress site sections without manually entering or maintaining links.
Navigation generated from the WordPress page hierarchy
The block is designed for a WordPress template assigned to child pages. For each displayed page, it retrieves only its direct parent, uses that parent page name as the heading, then lists every page whose parent exactly matches it. Deeper descendants are never included, keeping navigation concise and predictable.
Fully customizable in Gutenberg
The block adds no imposed visual design when inserted. Colors, backgrounds, typography, font sizes, weights, spacing, padding, separators, radius, hover states and current-page appearance can all be configured in the editor. Native Gutenberg color, typography, spacing, border and shadow controls are also supported.
Main features
- Automatic parent-page detection.
- All direct children of that parent page.
- No frontend output on a page without a parent.
- Accessible current-page state using
aria-current. - Sorting by page order, title or date.
- Optional linked parent title.
- Dynamic preview inside Gutenberg.
- No predefined visual style.
Performance
Zero useless scripts, Vanilla JS only.
Native Gutenberg
WCAG compliance for all users.
Parent & Child Pages
JS Weight
< 2kb
Version
1.0.3
WCAG
WCAG 2.1 AA
1
Likes
1
Downloads
Vanilla JS Architecture
Guaranteed zero technical debt, optimized for Core Web Vitals.
You might also like
Discover more blocks in the category creator