Themes & plugins Practical
Taking the colour picker away from editors
Leave the picker open and in six months the site carries colours a shade off the brand. That is not the editor's fault — the system asked.
Technote
WordPress guides for Designers
For designers who own the look and the experience: how theme choice, webfonts and image handling decide whether the design survives contact with the browser.
80 articles· Designers
Development workflow Practical
What to check before a theme update
Postponing an update is not a plan. Once you know what can break, updating stops being frightening and becomes a procedure with an order.
Themes & plugins Practical
Labels and errors: a placeholder is not a label
Text that vanishes the moment you type cannot be a label. Forms that hide labels and forms that signal errors with colour alone lose people in much the…
Performance optimization Practical
The one image you must never lazy-load
Lazy loading is right for nearly every image. Apply it to the large image in the first screen and you delay the very thing the metric measures.
Themes & plugins Practical
Hunting horizontal overflow — the number will not find it
scrollWidth matches the viewport and yet the screen is visibly clipped. An ancestor absorbed the overflow — so measure element rectangles instead.
Performance optimization Practical
Subsetting Korean: not downloading all 11,172 syllables
There is no mystery to why Korean fonts are heavy: modern Hangul alone has 11,172 syllable blocks. Split with unicode-range, the browser fetches only the pieces a page…
Themes & plugins Practical
What theme.json does: handing your palette to the block editor
theme.json is not a stylesheet, it is a channel. It hands your palette to the editing screen so editors choose from your system instead of a free colour…
Themes & plugins Practical
Beating theme styles without !important
You wrote the rule and nothing changed. The cause is usually order rather than specificity — and order is fixable without !important.
Themes & plugins Practical
Walking the site by keyboard: where the order breaks
Take your hand off the mouse and Tab through a page once; five minutes exposes most of it. Nearly always, the culprit is CSS having reordered the screen.
Themes & plugins Practical
When a grid track swells to fit its content — minmax(0, 1fr)
repeat(3, 1fr) does not promise three equal columns. One code block or unbroken string inside pushes its track wider, and the whole layout leaves the screen.
Themes & plugins Practical
Putting tokens into the theme with CSS custom properties
Declare the tokens in one :root block, have components reference nothing else, and the colour and spacing of the whole site move from a single file.
Themes & plugins Practical
Template overrides: the copy freezes the moment you make it
Copy a parent file into your child theme and yours wins. It also stops receiving the parent's fixes — you have taken on its maintenance.