Practical ACF snippets from real client builds, written to drop into production themes, child themes, and custom components.
A reusable wrapper for ACF Link fields — null-safe rendering, variant system for primary/secondary/ghost/outline styles, optional inline SVG icons positioned before or after the label, and full attribute…
Stop writing giant if/else chains for ACF Flexible Content. This system maps each layout to its own template file — add new layouts without touching the renderer.
Loop through an ACF Gallery field, render thumbnails with srcset, and open full-size images in a vanilla JS lightbox — no plugins, no jQuery.
A production-ready image renderer for ACF Image fields — responsive tags with a four-level alt text fallback chain, srcset generation from registered image sizes, lazy loading, decoding async,…
A thin wrapper around ACF options page fields — type-safe helpers with default fallbacks, proper escaping, and one function call per field. No scattering get_field(..., 'option') across your…
An ACF Flexible Content post-grid layout with two data sources — latest posts via WP_Query or hand-picked posts via a Relationship field — and two display modes: CSS…
Build a reusable ACF Flexible Content section where editors can dynamically choose their post source — latest posts or hand-picked selections — without writing a single line of…
Loop through hand-picked related posts stored in an ACF Relationship field. Returns WP_Post objects — render title, permalink, and thumbnail without extra queries.
A step-by-step PHP renderer for ACF Repeater fields — loop any list of sub-fields cleanly, with or without Flexible Content.
Read an ACF Select field value and apply it as a BEM modifier class. Lets editors choose button style, card layout, or colour scheme from a fixed list.
