Free UK shipping over £75 — and an extra ten percent off your first muster
Developer reference

Gutenberg Block
Reference

Every WP core block rendered with War Dungeon's brand treatment. Use this when wiring real content into the theme — what you see here is what the editor will produce in the front-end.

/developer · login-gated Not indexed Phase 2 wiring reference
v1
8 Jun 2026
Override Rev
Specimen 01 · Text

Text blocks

Paragraph, headings H1–H6, lists, quote, pullquote, code, preformatted — every prose primitive carries the modesto-condensed / palatino-linotype pairing the brand locks.

Core block

Paragraph

core/paragraph

Most of the prose on a category mini-homepage and most of the body on a tutorial article runs through this block. Body type is palatino-linotype at the brief-locked 20px base with a 1.6 line-height — comfortable for editorial reading, not packed in like utility commerce copy. Measure caps near 64 characters so long passages don't sprawl across the 1440px canvas.

Inline elements pick up the brand's accent palette: links carry sienna underline at a 3px offset, strong remaps to condensed display caps rather than a heavier weight of the body face, and em stays palatino italic for emphasis without typographic noise.

OverrideBody is 20px (CamCom default is 16px); line-height 1.6; strong remaps to modesto-condensed caps at 0.92em; links use sienna underline at 3px offset, dashed on hover.

Core block

Heading

core/heading · H1–H6

H1The Workbench of Warriors

H2Codex Compendium & Field Notes

H3Painting the Salamanders Chapter

H4Recommended Paint Stack

H5Base Coat & Underpainting
H6Step Notes

OverrideEvery heading remaps to modesto-condensed uppercase, line-height 1.2, letter-spacing 0.04em (0.08em–0.16em from H5 down). H6 takes sienna for accent-stamp role; H1–H5 stay liquourice for hierarchy weight.

Core block

List · unordered

core/list
  • Space Marines — the iconic posterboys; broad codex, wide paint pool, forgiving for newcomers.
  • Tyranids — swarm army; the painting reward sits in the chitin and the carapace gradient.
  • Adeptus Mechanicus — fine, finicky, immensely rewarding; the right army for a deliberate brush hand.
  • Necrons — the resurrection mechanic suits tournament play; one of the cleanest paint jobs you can do.

OverrideDisc marker replaced with bronze ridge-bordered dot (10px); padding-left bumped to 32px so the rivet-style marker has breathing room; body line-height 1.6 holds.

Core block

List · ordered

core/list · ordered
  1. Strip and prime — black undercoat, two thin passes, then a zenithal pull of grey from above.
  2. Block in the basecoats — flat, no shading; cover the mistakes before you add the depth.
  3. Wash the recesses — a single oil wash sits in the panels and reads as engraved metal, not stained.
  4. Edge highlight the armour and the weapon — a hair's-breadth line; this is where the figure lifts.
  5. Base the model — texture paste, drybrush, two tufts; you don't need a diorama to finish well.

OverrideNumeric marker replaced with a stamped brass plate (rodeo fill, caput border, sienna numeral) using decimal-leading-zero; rendered via counter on the list, not the OL.

Core block

Quote

core/quote

"The army that wins on the table is usually the one that decided what it was for before it was painted. The list is a sentence — make sure you can read it aloud and it still makes sense."

— Dale Mahon, Warhammer Old World Tournament, 2025

OverrideLeft rule swapped from grey 4px to sienna 4px; soft tint background rendered as bronze at 10% opacity (no gradient, no blur); cite rendered as modesto-condensed caps in sienna.

Core block

Pullquote

core/pullquote

"You don't beat a Chaos list. You make it boring for them. Boredom is a winning condition."

— Tournament prep notes, Workshop Wednesday #14

OverrideInverts to liquourice ground with bronze title and rodeo-light cite — pullquotes are visual punctuation, so they break the band ground deliberately; ridge bronze top + bottom rule replaces WP's centred line.

Core block

Code

core/code
// Example WC product query — featured 40K combat patrols
$args = array(
    'post_type' => 'product',
    'posts_per_page' => 4,
    'tax_query' => array(
        array(
            'taxonomy' => 'product_cat',
            'field'    => 'slug',
            'terms'    => 'combat-patrols',
        ),
    ),
);

OverrideLiquourice fill, rodeo-light foreground, bronze 3px left-rule for the rip-out cue; mono stack is ui-monospace → SF Mono → Menlo → Consolas; horizontal scroll on overflow rather than wrap.

Core block

Preformatted

core/preformatted
Army list — Salamanders strike force (Combat Patrol · 500 pts)
─────────────────────────────────────────────────────────────
HQ      Captain in Terminator Armour              115 pts
Troops  Intercessor Squad ×5                       80 pts
        Assault Intercessor Squad ×5               75 pts
Elite   Eradicator Squad ×3                       115 pts
Heavy   Inceptor Squad ×3                         115 pts
─────────────────────────────────────────────────────────────
Total                                             500 pts

OverrideCowboy fill (vs liquourice for code) so paste-from-text content sits one notch lighter than executable code; dashed caput border distinguishes it as plain-text not-code; white-space wraps so long lines reflow on mobile.

Specimen 02 · Media

Media blocks

Image, gallery, video, audio, file. Every framed asset uses the plated-frame primitive (ridge bronze + caput hairline + hard offset shadow) — no soft elevation anywhere.

Core block

Image

core/image · with caption
Lit diorama — Salamanders strike force, Workshop Wednesday #14. Painted by Dale Mahon.

OverrideEvery editorial image renders inside the plated-frame primitive (4px ridge bronze + 1px caput hairline + 4px hard-edge offset shadow); figcaption uses palatino italic in caput, centred.

Core block

Gallery

core/gallery · 4-up
A four-step painting walk-through — primer, basecoats, recess wash, edge highlights.

OverrideEvery tile inherits plated-frame; default WP grid spacing replaced with the brand's 12px gutter; collapses 4-up → 2-up at <=720px; no lightbox JS on the mockup, production wires SearchWP lightbox via theme JS.

Core block

Video

core/video · placeholder
Self-hosted MP4 — How to magnetise a Bloodthirster's wings, four minutes.

OverrideSelf-hosted video poster wrapped in plated-frame chrome; sienna play-glyph (88px) with ridge bronze frame + hard-edge offset shadow — no blur, no soft glow, no gradient.

Core block

Audio

core/audio · placeholder
04:18 · MP3
Workshop talk — choosing your first 1000-point army.

OverrideCustom shell — plated frame, sienna play-glyph, bronze 3px wave-bars at varying heights, modesto-condensed run-time stamp; native <audio> controls hidden, custom JS hooks in Phase 2.

Specimen 03 · Layout

Layout blocks

Columns, separator, spacer, group. The brand owns the gutter (40px outer / 24px inner column gap), the separator (engraved gear bar), and the group's plated treatment.

Core block

Columns · 2-up

core/columns

Why magnetise

Once a model is glued, the loadout is yours forever. A magnet on the shoulder swaps a bolter for a flamer in three seconds — and saves the kit-bash for the next campaign.

What you need

1 mm rare-earth magnets, a pin vice with a 1 mm drill bit, super glue, and a steady hand. The whole set costs less than a single character model.

OverrideDefault 32px WP column gap reduced to the brand's 24px gutter; column ground tints to rodeo-light at 55% with a dashed caput border so the columns read as plated panels, not floating text.

Core block

Columns · 3-up

core/columns · 3

Strip

Soak in IPA overnight; an old toothbrush takes the rest. Don't bother with hot water — the plastic warps and the detail goes.

Prime

Two thin passes of black, then a zenithal pull of grey from above. The grey gives you a built-in light source before a brush touches the model.

Block in

Flat basecoats — no shading yet. Cover the mistakes before you add the depth. This is the slowest step and the one that pays for the rest.

OverrideThree equal columns at 24px gutter; collapse to single column at <=720px (vs WP's default 600px breakpoint) — keeps the painted-tile cards usable on the tablet portrait that most painters use at the bench.

Core block

Separator

core/separator

OverrideDefault 1px horizontal rule replaced with the brand's gear-divider — 36px tall, repeating bronze gear-and-chain SVG on liquourice with ridge bronze top/bottom; the brand's primary section transition primitive.

Core block

Spacer

core/spacer

OverrideEditor-only visualisation — cross-hatch fill + dashed caput border + labelled value. Renders as a plain <div> with set height on the front-end; the cross-hatch is editor-side only via .editor-styles-wrapper.

Core block

Group · background

core/group

Workshop tip — magnetising a Daemon Prince's wings

Drill the shoulder socket, drop in a 2 mm magnet, then drill the wing root and align the polarity before the glue dries. The first one will take twenty minutes; the second one takes five.

OverrideGroup with a brand background renders as a plated panel — liquourice fill, 2px ridge bronze, 1px caput hairline inset, 2px offset shadow; nested headings flip to bronze, body to rodeo-light, against the dark card ground.

Specimen 04 · Widgets

Widget blocks

Buttons, archives, search, latest posts. Every widget passes through the brand's ridge-bronze + hard-shadow treatment; nothing inherits the default WP widget chrome.

Core block

Button · single

core/button

OverrideSingle button always renders as the brand's primary CTA — sienna fill, 2px ridge bronze, 1px inset caput hairline, 2px hard-offset shadow that compresses to 3px on hover (translate -1px, -1px).

Core block

Buttons · group

core/buttons

OverrideFirst button stays the primary stamped sienna; secondary buttons take the --ghost modifier (transparent fill, bronze text, no shadow); 16px gap between buttons, wrapping at narrow widths.

Core block

Archives

core/archives

OverrideDashed caput separators replace WP's flat border; month label remaps to modesto-condensed caps in sienna; post count appears as a stamped brass pill on the right (rodeo fill, caput border).

Core block

Search

core/search

OverrideLight input on a 2px caput border (no rounded WP default); button is the stamped sienna CTA, joined to the input with shared corners (md radius outside, square inside). Live-search wires SearchWP in Phase 2.

Core block

Latest Posts

core/latest-posts · grid
Specimen 05 · Embed

Embed

YouTube and other oEmbed iframes inherit the plated-frame treatment plus an overlay play-glyph — no exposed Google player chrome until the visitor clicks through.

Core block

YouTube

core/embed · youtube
YouTube · 12:48 · Workshop Wednesday #14

OverrideoEmbed iframes wrap in plated-frame; until the visitor clicks, a sienna play-glyph (104px) sits over the thumbnail — Phase 2 swaps in the live iframe on click, deferring the YouTube script for Core Web Vitals.

A note from the workshop

Notes for the developer

Plain English ahead. The three things you'll want to know before you wire real content into the editor — where the overrides live, how to add a new one, and when to walk past them entirely.

Where overrides live

Every override on this page is in the child theme's assets/scss/_gutenberg-overrides.scss. Selectors target raw WP-core class names (.wp-block-paragraph, .wp-block-heading, etc.) so they apply on any page the editor produces — not just templated archives.

Tokens come from _tokens.scss, which mirrors the styleguide CPT at /styleguide/war-dungeon. Edit the styleguide, regenerate the SCSS partial via the Theme Factory build command — do not hand-edit _tokens.scss.

How to add a new override

Open _gutenberg-overrides.scss, scope your rules to the core block's class, and use brand tokens — never raw hex. New surface tokens go in colours.semantic on the styleguide, not inline in the override file.

If the override needs a new brand primitive (a stamped plate, a ridge frame), check the reuse catalogue at /library/war-dungeon first. Build a fresh primitive only when no catalogue block fits — and add it back to the library if it'll be reused.

When to bypass an override

The editor's Custom Class Name field can apply a brand-bypass utility (.is-unstyled) that removes every override on a single block. Use it for embedded third-party widgets — Mintsoft tracking forms, Brevo signup widgets — whose own styling the brand override would break.

If you find yourself reaching for .is-unstyled on a native WP-core block, surface it as a brand override gap instead — it usually means the override is wrong, not that the visitor needs the unstyled default.

Free UK Shipping

On every order over £75.

30-Day Returns

No fuss, no formalities.

Multi-Game Expertise

40K · AoS · Old World · D&D.

A Nerdworks Brand

Cross-brand loyalty.