Preview unavailable
v1.0.3 Creator

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.

Creator Vanilla JS

Parent & Child Pages

JS Weight

< 2kb

Version

1.0.3

WCAG

WCAG 2.1 AA

1

Likes

1

Downloads

Dependencies None
License Creator
Accessibility WCAG 2.1 AA Compliance

Vanilla JS Architecture

Guaranteed zero technical debt, optimized for Core Web Vitals.