Flexible Content Extended for Advanced Custom Fields Plugin
Extends the ACF Flexible Content Field by transforming the layout list into a modal with image previews and editing in a modal for better UX.
Extends the ACF Flexible Content Field by transforming the layout list into a modal with image previews. Editing the fields layouts also happens in a modal for a better editing user experience.
Image Conventions
- The size of the image should be 730 x 300.
- They should be named based on the layout’s name (
text_block
) with underscores converted to dashes (text-block.jpg
).
Image Location
Images should be placed in your theme. By default, images are located here: THEME/lib/admin/images/acf-flexible-content-extended
.
Also note that you can filter this path, but it MUST be in your theme:
add_filter( 'acf-flexible-content-extended.images_path', $path );
NOTE: The path should not have a trailing beginning or trailing slash!
Additionally, you could filter all keys and/or images:
add_filter( 'acf-flexible-content-extended.images', $images );
Issues & Feature Requests
If you identify any errors or have an idea for improving the plugin, feel free to open an issue or create a pull request. Please provide as much info as needed in order to help resolving or approve your request.
Installation
This plugin works only if the ACF Pro >= 5.7.O plugin is installed and activated.
Requirements
- ACF Pro >= 5.7.O
- WordPress 6.0
- Tested up to WP 6.0.1
- Browser Support:
- Last 2 Firefox major versions
- Last 2 Safari major versions
- Last 2 Edge major versions
- Last 2 Chrome major versions
- PHP 8.0+
From your WordPress dashboard
- Visit Plugins > Add New
- Search for “Flexible Content Extended for Advanced Custom Fields”
- Activate Flexible Content Extended for Advanced Custom Fields from your Plugins page
- Add images to your theme in
THEME/lib/admin/images/acf-flexible-content-extended
or customize the path using add_filter( 'acf-flexible-content-extended.images_path', $path );
Screenshots
Screenshot of Flexible Content Field Layouts Add Modal
Screenshot of Flexible Content Field Layouts
Screenshot of Flexible Content Field Layout Edit Modal
Changelog
2.0.0
- Requires PHP >= 8.0
- Requires WordPress >= 6.0
- Solve for flexible content fields inside of repeaters and groups
- CSS improvements (uses css grid instead of flexbox)
1.10.0
- Fixing issue with ACF version compare since it doesn’t follow PHP version constraints
1.0.9
1.0.8
- Resolves CSS and JS conflicts. Adds support for layouts that begin with a number.
1.0.7
1.0.6
- Resolve issue with modals related to new duplicate layout function in ACF 5.9
1.0.5
- Resolve JS error if `acf.getField()“ is not defined
1.0.4
- Update hook for enqueuing and registering assets for ACF 5.9 compatibility. Thanks @elliottpost!
1.0.3
- Fixes a bug related to nested fields
1.0.2
- Supporting nested flexible content fields
- Updating dependencies
1.0.1
1.0.0