Description
ACF Flexible Layout Preview adds a visual preview workflow for Advanced Custom Fields Flexible Content layouts. Editors can see layout screenshots before adding a row, and administrators can manage those images from a dedicated settings screen.
Requirements
- Advanced Custom Fields Pro must be installed and active.
- A valid ACF Pro license key must be entered at ACF Updates.
The plugin will not activate — and will deactivate itself at runtime — if either of these conditions is not met.
Features
- Visual layout picker for ACF Flexible Content fields.
- Settings page under ACF > Layout Previews.
- Auto-discovers Flexible Content layouts from ACF field groups.
- Upload, replace, view, and remove layout preview images.
- Add custom layouts before they exist in an ACF field group.
- Default preview image for layouts without a custom preview.
- Grid column setting for the preview library.
- Light and dark settings page theme.
- Documentation tab with setup steps and usage benefits.
- Images stored in /wp-content/uploads/acf-layout-previews/.
Usage
- Create an ACF Flexible Content field and add layouts.
- Open the plugin settings page.
- Upload a preview image for each discovered layout.
- Use Add Custom Layout for layouts that are planned but not yet registered in ACF.
- Edit a post, click Add Row/Add Layout, and choose layouts from the visual preview modal.
Author
Chintan Soni
Installation
- Upload the acf-flexible-layout-preview folder to /wp-content/plugins/.
- Make sure Advanced Custom Fields Pro is installed, active, and licensed.
- Activate ACF Flexible Layout Preview from Plugins > Installed Plugins.
- Go to ACF > Layout Previews.
- Upload preview images for your Flexible Content layouts.
- Optional: open Display Settings to set a default preview image, popup grid columns, and popup light/dark theme.
FAQ
-
Do I need ACF Pro?
-
Yes, this plugin requires Advanced Custom Fields Pro to be installed and active. The free version of ACF does not include Flexible Content fields.
-
Where are preview images stored?
-
Images are stored in /wp-content/uploads/acf-layout-previews/ to keep them separate from your media library.
-
Can I use this with existing layouts?
-
Yes! The plugin automatically discovers all existing Flexible Content layouts from your ACF field groups.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“ACF Flexible Layout Preview” is open source software. The following people have contributed to this plugin.
Contributors
Translate “ACF Flexible Layout Preview” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.1
- Initial release.
- Consistent text domain acf-flexible-layout-preview throughout.
- All constants prefixed ACF_FLP_, all functions prefixed acf_flp_.
- JS global renamed from acflpData / acflpMap to acfFlpData / acfFlpMap.
- All admin page slugs and AJAX actions updated to match plugin slug.