Playground hero

Sample Page

Playground page

A packed Sample Page with lots of Gutenberg blocks to click, tweak, and break.

Jump to gallery
Open FAQ

This used to be the default Sample Page. It is now a sandbox: headings, columns, quotes, a table, an accordion, code, a gallery, and a few call-to-action strips. Open it in the block editor and start dragging things around.

What you can poke

  • Change colors on the yellow / pink / purple groups
  • Reorder the three feature columns
  • Rewrite the pullquote and the FAQ answers
  • Replace every image from the Media Library

Feature columns

Accent 1

Bright yellow card. Try a different background, a radius, or extra padding in the block sidebar.

Accent 2

Pink card. Duplicate this column, or turn the row into a 2 + 1 layout.

Accent 3

Purple card with inverted text. Nice place to test contrast and outline buttons.

Split layout photo

Media & Text block

Swap the image, flip to “show media on right”, change the width, or drop a button underneath. This is one of the most useful layout blocks to play with.

Edit this button

Make it weirder. Then make it weirder again.

Sample Page playground

Classic quote block — shorter, with a left border. Swap this for a Pullquote if you want more drama.

Editor notes

Mini pricing table

Plan Good for Price
Sandbox Clicking every block once Free
Curious Changing colors and type Coffee
Chaos Breaking the layout on purpose Priceless

Checklist

  • Hero / cover
  • Buttons (fill + outline)
  • Columns and groups
  • Media & Text

Steps

  1. Open Pages → Sample Page
  2. Click a block, then try Move / Duplicate
  3. Use Document overview to reorder sections

Code & verse

add_theme_support( 'editor-styles' );
// Sample snippet — safe to rewrite or delete.
Wide open margin,
blocks stacked like toys on a rug —
drag one. Then another.

FAQ (Details blocks)

Where do I edit this?

wp-admin → Pages → Sample Page → Edit. Or open the site editor and keep this page as a content playground.

Can I delete a section?

Yes. Select the group, column, or cover, then press Delete. Duplicate first if you want a backup on the same page.

What theme is this?

Twenty Twenty-Five, so Site Editor styles (colors, type, spacing) apply here too.

Last call-to-action

Replace this copy, drop in a form plugin, or turn the group into a full-width band.

Edit this page

Demo playground content — safe to overwrite.

 

Scroll to Top