Library Single articles

Catalogue accessStandard

How-to article: sequence

A complete five-step photography tutorial with an introduction, preparation checklist, illustrated instructions, a comparison note and a final review. The continuous reading column shows how a practical blog post works with substantial text.

Core blocks only, with editable sample content and no plugin required. Inherits your theme’s colours and typeface.

ThemePreview size
As authoredColour
Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What to change first

Replace the sample text, then add or remove complete sections in List View. Replace any example photograph through the Image block. Photographs in the payload are included public source URLs with descriptive alternative text; no foreign attachment ID travels with them. Edit the alternative text to match your replacement. Check long headings and paragraphs on a phone.

The signature moment

Numbered headings carry a single illustrated sequence

A complete five-step photography tutorial with an introduction, preparation checklist, illustrated instructions, a comparison note and a final review. The continuous reading column shows how a practical blog post works with substantial text.

Theme handoff

What comes from where

From your theme

The theme supplies the typeface, heading leading and weight, link treatment, and spacing scale. Colours use contrast and base fallback chains ending in core black and white. Incidental uppercase labels start with role-label. Structural borders use currentColor. No accent carries text.

Set by this pattern

The composition and its relative widths are authored. Body copy uses the medium preset with a readable clamp fallback and 1.6 line height. Section headings use x-large; smaller headings use large. All headings state their own ink chain. Narrow groups keep the theme's content measure. Columns stack below WordPress's mobile breakpoint; automatic grids reflow according to their minimum track width. There is no fixed-height reading area.

Full pattern notes

Why it works, and how it is built

Open a topic for the complete design reasoning, editing guidance and implementation notes.

Design rationaleComposition, intent and nearest alternatives

Overview

A complete five-step photography tutorial with an introduction, preparation checklist, illustrated instructions, a comparison note and a final review. The continuous reading column shows how a practical blog post works with substantial text.

The signature moment: numbered headings carry a single illustrated sequence

A complete five-step photography tutorial with an introduction, preparation checklist, illustrated instructions, a comparison note and a final review. The continuous reading column shows how a practical blog post works with substantial text.

Make it yoursVariations and the edits to make first

What to change first

Replace the sample text, then add or remove complete sections in List View. Replace any example photograph through the Image block. Photographs in the payload are included public source URLs with descriptive alternative text; no foreign attachment ID travels with them. Edit the alternative text to match your replacement. Check long headings and paragraphs on a phone.

Theme behaviourInheritance, fixed decisions and contrast

What it inherits

The theme supplies the typeface, heading leading and weight, link treatment, and spacing scale. Colours use contrast and base fallback chains ending in core black and white. Incidental uppercase labels start with role-label. Structural borders use currentColor. No accent carries text.

What it decides

The composition and its relative widths are authored. Body copy uses the medium preset with a readable clamp fallback and 1.6 line height. Section headings use x-large; smaller headings use large. All headings state their own ink chain. Narrow groups keep the theme's content measure. Columns stack below WordPress's mobile breakpoint; automatic grids reflow according to their minimum track width. There is no fixed-height reading area.

Display type

Small labels and narrow supporting copy keep a clamp from 15px to 16px. Uppercase labels use 0.08em tracking. No heading uses a display size outside the theme's ladder.

Contrast and verification

All reading text, labels and links are held to 4.5:1. Large headings are held to 3:1. The scoped verify:pattern run checks editor validity at both supported WordPress targets, responsive layout, colour contrast and theme renders. The verification sheet is under .wp-verify/sheets/article-howto-sequence/sheet.png.

Technical notesBlock mechanics, responsive behaviour and constraints

Where to paste it

Paste into a post or page's content area. This is an editable content pattern, not a Single Post template. Your theme supplies the post title, date and site header; this payload has no duplicate h1 or dynamic post-context requirement. It works with ordinary core blocks and needs no companion plugin.

Sample content

The sample walks through an entire photography exercise. Each step explains the action and the reason behind it, so this preview demonstrates real tutorial length rather than a list of headings. Adapt the preparation, steps and completion criteria to your own process.

The markup

19KB of core-block markup, 6 blocks (group, heading, image, list, list-item, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme.

Start free trial to copyWhat you copy is yours forever. Cancel whenever.

Back to the library