In the given Figma design…
There were 2 team member blocks in different layouts…
One on the About page as a slider…
Another on the Team page laid out in rows…
So this clearly needed to be dynamic on the live site…
The challenge was making it simple for a non‑technical editor to manage…
My solution was a custom post type for Team…
Cuz…everyone already knows how to manage blog posts in WordPress…
So I mirrored that flow to manage team members…
Add a member…
Set their name, role, upload a photo… done…
Plus a few safeguards so editors can’t break layouts:
- Required fields (name, role, headshot)
- Auto image sizing and compression
- Preview before publish
- Role based permissions
Both layouts pull from the same source of truth, so updates happen once and show everywhere.
Result…?
- Faster updates
- No layout breakage, and
- Cleaner SEO with Person schema
Now the most complex part became the easiest for the editor…at the same time for the business as well
Kind of like turning a messy matrix into a clean 2×2…
Want to see it in action?
Watch the raw explanation at the top…
