Title: Easeful Themes for ACF
Author: htmgarcia
Published: October 15, 2026
Last modified: October 15, 2026
---
Search plugins
# Easeful Themes for ACF
By [htmgarcia](https://profiles.wordpress.org/htmgarcia/)
[Download](https://downloads.wordpress.org/plugin/easeful-themes-for-acf.1.0.0.zip)
* [Details](https://wordpress.org/plugins/easeful-themes-for-acf/#description)
* [Reviews](https://wordpress.org/plugins/easeful-themes-for-acf/#reviews)
* [Installation](https://wordpress.org/plugins/easeful-themes-for-acf/#installation)
* [Development](https://wordpress.org/plugins/easeful-themes-for-acf/#developers)
[Support](https://wordpress.org/support/plugin/easeful-themes-for-acf/)
## Description
**Easeful Themes for ACF** adds front-end _design themes_ to your Advanced Custom
Fields groups (free and PRO). Instead of hand-coding `the_field()` calls and CSS
for every layout, you pick a theme and arrange the fields on the field group’s own
edit screen, then render it anywhere with a shortcode or a single function call.
A theme is a set of design settings — spacing, borders, corner radius, shadow, text
size, label style and colors. Start from a built-in theme or create your own under**
ACF Themes**, with a live preview as you adjust it.
#### Features
* **Theme editor** — under **ACF Themes**: create, edit, duplicate and delete
themes, with a live preview on sample content (every field type) or on one of
your own field groups.
* **Four built-in themes** — Classic (light cards), Minimal (flat, bordered), Plain(
no cards, just the fields and the space between them) and Midnight (dark). Duplicate
one to make your own version.
* **Per-group theme picker** — in a new Design tab on the ACF field group edit
screen.
* **Per-field width** — full, half, third or quarter of the row, no CSS required.
* **Drag-and-drop field order** — decide which fields show on the front end, in
what order, and how wide each one is.
* **Automatic display** — add a group to any post matching its Location rules with
no shortcode: before the content, after it, or _between_ your fields, with the
post content itself dragged into whatever spot in the field order you like (plain,
or in a card like the fields around it).
* **Theme-overridable templates** — copy any template into your active theme to
fully customize the markup, the same pattern used by WooCommerce.
* Works with **ACF (free)** and **ACF PRO**, including repeater, group and flexible
content fields.
* `[easeful_themes_for_acf]` shortcode and `easeful_themes_for_acf_the_group()`/`
easeful_themes_for_acf_get_group()` template tags.
* No external requests, no CDN assets — everything ships with the plugin.
#### How it works
1. Install and activate Easeful Themes for ACF alongside Advanced Custom Fields.
2. Edit any ACF field group. A new **Design** tab appears in its Settings box.
3. Choose a theme, and drag fields into the order you want — set each field’s width
and toggle any field off if you don’t want it on the front end.
4. To change how a theme looks, go to **ACF Themes**. Built-in themes are read-only:
duplicate one, adjust it with the live preview, and save.
5. Render the group wherever you like:
6. [easeful_themes_for_acf group=”group_xxxxxxxxxxxxx”]
or in a template file:
```
```
If no `post` / `post_id` is supplied, the current post in the loop is used. Add `
theme="..."` with a theme’s key (shown on the Themes screen, e.g. `minimal`) to
render with a different theme than the group’s own.
#### Documentation
Step-by-step guides with screenshots, from picking a theme to customizing the markup,
are in the [Easeful Themes for ACF documentation](https://htmgarcia.com/docs-category/easeful-themes-for-acf/).
Most questions are answered there, so please check it before opening a support topic.
### Credits
The theme editor’s transparency strip in the color picker is [wp-color-picker-alpha](https://github.com/kallookoo/wp-color-picker-alpha)
by Sergio (kallookoo), GPLv2 or later, included unmodified and unminified in `assets/
vendor/wp-color-picker-alpha/`.
## Screenshots
[⌊Custom fields shown on a post automatically, laid out by a theme. No shortcode,
no template editing, no code.⌉⌊Custom fields shown on a post automatically, laid
out by a theme. No shortcode, no template editing, no code.⌉[
Custom fields shown on a post automatically, laid out by a theme. No shortcode,
no template editing, no code.
[⌊The Design tab on a field group: pick a theme, drag fields into order, set how
wide each one is, and show them on your site automatically or with a shortcode.⌉⌊
The Design tab on a field group: pick a theme, drag fields into order, set how wide
each one is, and show them on your site automatically or with a shortcode.⌉[
The Design tab on a field group: pick a theme, drag fields into order, set how wide
each one is, and show them on your site automatically or with a shortcode.
[⌊The Themes page in the ACF menu, listing the built-in themes and your own.⌉⌊The
Themes page in the ACF menu, listing the built-in themes and your own.⌉[
The Themes page in the ACF menu, listing the built-in themes and your own.
[⌊Editing your own theme: adjust spacing, borders, shadows, text and colors, with
a live preview beside the settings.⌉⌊Editing your own theme: adjust spacing, borders,
shadows, text and colors, with a live preview beside the settings.⌉[
Editing your own theme: adjust spacing, borders, shadows, text and colors, with
a live preview beside the settings.
[⌊The live preview shows any theme on a light or dark page, with sample content
or one of your own field groups.⌉⌊The live preview shows any theme on a light or
dark page, with sample content or one of your own field groups.⌉[
The live preview shows any theme on a light or dark page, with sample content or
one of your own field groups.
## Installation
1. Make sure [Advanced Custom Fields](https://wordpress.org/plugins/advanced-custom-fields/)(
or ACF PRO) is installed and active.
2. Upload the `easeful-themes-for-acf` folder to `/wp-content/plugins/`, or install
it through the **Plugins** screen in WordPress.
3. Activate **Easeful Themes for ACF** through the **Plugins** screen.
4. Edit an ACF field group and pick its theme in the **Design** tab of its Settings
box. Create or edit themes under **ACF Themes**.
## FAQ
### Does this work without Advanced Custom Fields?
No. Easeful Themes for ACF is an add-on for ACF and requires ACF (free) or ACF PRO
to be installed and active. It will show an admin notice and stay dormant if ACF
is missing.
### Does this work with ACF field groups stored as local JSON or registered in PHP?
Rendering works for any field group ACF can resolve by its group key. The Design
tab (theme and field order) appears on the field group’s edit screen, which requires
the group to exist in the database (ACF’s normal “sync” step for JSON/PHP-registered
groups).
### Will this add unused CSS to my site?
One small stylesheet (a few KB), scoped to the plugin’s own `easeful-themes-for-
acf` classes so it never touches the rest of your page, plus one line of CSS variables
per theme. Both load on every front-end page rather than only where a group is rendered,
since a themed group can appear from a template tag as well as a shortcode and there’s
no reliable way to know in advance which pages will use one.
### Can I customize the markup?
Yes. Copy any file from `wp-content/plugins/easeful-themes-for-acf/templates/` into`
wp-content/themes/your-theme/easeful-themes-for-acf/` (keeping the same sub-folders)
and edit it — your copy takes priority automatically, whichever theme a group uses.
Style your markup with the plugin’s CSS variables (e.g. `var(--etfa-radius)`) so
it still follows the theme settings.
Rendered markup is escaped with the same tags and attributes WordPress allows in
post content, plus `