Detailed description
The Parent & Child Pages block displays a parent content title and only its direct children. It supports WordPress pages and hierarchical custom post types exposed through the REST API. This dynamic Gutenberg block creates clear local navigation without manually entering or maintaining links.
Navigation generated from the WordPress page hierarchy
In automatic mode, the block can be placed in a template assigned to child content. It retrieves the direct parent, uses its title as the heading, then lists all first-level children. In manual mode, the user selects a hierarchical post type and the parent content to use. 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-content detection.
- Manual parent-content selection.
- Support for pages and REST-enabled hierarchical custom post types.
- All direct children of the selected parent.
- No frontend output in automatic mode when the current content has no 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