Themes & plugins Practical
Tap targets — minimum size and spacing for fingers
A cursor is one pixel; a fingertip is not. How to grow the hit area without growing the visuals — and why hover-only affordances simply do not exist…
Technote
WordPress know-how, from real work Technotes worth picking
203 articles
Performance optimization Practical
font-display: invisible text or shifting text
This property decides what happens in the few hundred milliseconds before a webfont lands. There are five values, but the real choice is between blank text and text…
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.
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
Plugin count is a budget, not a feature list
The plugin ecosystem is WordPress's greatest strength. But each one you enable adds an item to check every month, and that budget is finite.
Development workflow Practical
The point at which you need a staging site
Editing straight on the live site works only while the site is small. Once those thirty seconds touch revenue and trust, the rules change.
SEO Practical
What builds trust, and what destroys it instantly
Business details, a refund policy and a published process build trust. Invented testimonials, once spotted, take everything else down with them.
Development workflow Practical
What belongs in a maintenance agreement
If you pay a monthly fee and cannot say what you get for it, the agreement is missing scope and response times. Four clauses make it workable for…
SEO Practical
The minimum metrics: impressions, clicks, enquiries
You do not need to read every analytics screen. Three numbers tell you which article to fix and which kind to write more of.
Performance optimization Practical
Thirty seconds before you upload a photo
What a camera or phone produces is far larger than a screen ever needs. Three quick adjustments before uploading make a visible difference to the first screen.
Security Practical
SSL is on, so why is there no padlock?
The certificate is fine, yet the address bar shows a warning. The cause is usually one leftover http:// inside the page — and there is a set order…
Performance optimization Intro
Check your own visitors, not the industry average
"Most traffic is mobile these days" is not an answer about your site. Your answer is already in your own analytics, ten minutes away.
Cited
Technotes worth reading next
Topics outside WordPress are collected on Dongji Communication Tech Insights, run by the same team. The summaries below are quoted from the originals; the titles link to them.
-
Working with AI
Writing a CLAUDE.md — teaching an AI coding assistant your project
AI coding tools such as Claude Code, Cursor and Copilot do better work the more precisely they know your project. Here is a structure and a set of principles that hold up.
-
Working with AI
Prompting an AI for UI design — drafting with Claude and GPT
Asking an AI to "make a nice button" gets you a disappointing button. Structured prompts that carry constraints, references and a defined role get you the design you meant.
-
Themes & plugins
SCSS from the ground up — variables through module structure
The core syntax of SCSS (Sass) and what it solves that plain CSS cannot: variables, nesting, mixins, @use and module structure — organised around patterns you can use immediately.
-
Themes & plugins
Design tokens and theme colour systems — brand identity in SCSS variables
How to turn a colour palette from a pile of hex codes into a system that means something — semantic token structure and SCSS variable patterns, from a real project.
-
Performance optimization
Designing a responsive typography system — the science of readability
Hard-coded pixel font sizes are over. Type scales, fluid sizing with clamp(), Korean webfont optimisation and line-height ratios — building typography that reads well on any screen.
-
Development workflow
From Figma to SCSS — a designer-developer handoff guide
Minimising what gets lost between a Figma file and the code: extracting tokens, naming components, keeping the spacing system in sync — the whole workflow, step by step.