Title: ACF Flexible Layout Preview Author: Chintan Soni Published: 2026 年 6 月 11 日 Last modified: 2026 年 6 月 12 日 --- 搜索插件 ![](https://ps.w.org/acf-flexible-layout-preview/assets/banner-772x250.png?rev=3568409) ![](https://ps.w.org/acf-flexible-layout-preview/assets/icon-256x256.png?rev=3568409) # ACF Flexible Layout Preview 作者：[Chintan Soni](https://profiles.wordpress.org/chintan95/) [下载](https://downloads.wordpress.org/plugin/acf-flexible-layout-preview.1.0.1.zip) * [详情](https://cn.wordpress.org/plugins/acf-flexible-layout-preview/#description) * [评价](https://cn.wordpress.org/plugins/acf-flexible-layout-preview/#reviews) * [安装](https://cn.wordpress.org/plugins/acf-flexible-layout-preview/#installation) * [开发进展](https://cn.wordpress.org/plugins/acf-flexible-layout-preview/#developers) [支持](https://wordpress.org/support/plugin/acf-flexible-layout-preview/) ## 描述 ACF Flexible Layout Preview enhances Advanced Custom Fields Pro by adding visual preview images to Flexible Content layouts. Instead of selecting layouts from a text-only list, editors can view screenshots and preview images before inserting a layout. This ACF Layout Preview workflow helps content editors, marketers, agencies, and clients quickly identify the correct Flexible Content layout. ACF Flexible Layout Preview automatically discovers Flexible Content layouts from ACF field groups and provides a centralized dashboard for managing layout preview images. Whether you are building landing pages, service pages, marketing websites, or complex page builders, Flexible Content Preview images improve usability and reduce editing mistakes. #### Why Use ACF Flexible Layout Preview? * Visual ACF Layout Preview system. * Flexible Content Preview images for every layout. * Faster content creation workflow. * Improved editor experience. * Reduced layout selection mistakes. * Better client usability. * Centralized preview image management. * Modern visual layout picker. * Automatic Flexible Content layout discovery. #### Features * Visual layout picker for ACF Flexible Content fields. * Automatically discovers Flexible Content layouts. * Upload layout preview images. * Replace layout preview images. * Remove layout preview images. * Default preview image support. * Custom layout support. * Popup grid column settings. * Light and dark admin themes. * Dedicated Layout Preview management page. * Documentation tab with setup instructions. * Responsive admin interface. * Unlimited layout support. * Translation ready. * WordPress Coding Standards compliant. * Secure file validation and uploads. #### Perfect For * ACF page builders. * Flexible Content websites. * Agency client websites. * Landing page builders. * Marketing websites. * Custom WordPress themes. * Advanced Custom Fields Pro projects. * Large content editing teams. ## 安装 1. Upload the plugin folder to `/wp-content/plugins/`. 2. Activate the plugin. 3. Ensure Advanced Custom Fields Pro is active. 4. Navigate to ACF Layout Previews. 5. Upload preview images for your Flexible Content layouts. 6. Edit any page using Flexible Content fields. 7. Click Add Layout and select layouts using visual previews. ## 常见问题 ### Does this require ACF Pro? Yes. ACF Flexible Layout Preview requires Advanced Custom Fields Pro because Flexible Content fields are only available in ACF Pro. ### Can I use this with existing layouts? Yes. Existing Flexible Content layouts are automatically discovered. ### Where are preview images stored? Preview images are stored in: /wp-content/uploads/acf-layout-previews/ ### Does this affect frontend performance? No. ACF Flexible Layout Preview only enhances the WordPress admin experience. ### Can I add layouts before they exist in ACF? Yes. Custom layouts can be added for future planning and development workflows. ## 评价 ![](https://secure.gravatar.com/avatar/740f4c1d8746c581eb19aa5344435e0d074dbd8fc4b8fbfb6d2bb00e94007a76? s=60&d=retro&r=g) ### 󠀁[Makes ACF layouts much easier for clients](https://wordpress.org/support/topic/makes-acf-layouts-much-easier-for-clients/)󠁿 [Jay Suthar](https://profiles.wordpress.org/jsjack74/) 2026 年 6 月 12 日 This plugin adds a much-needed visual improvement to ACF Flexible Content layouts. The preview images make it significantly easier for clients to select the correct layout without confusion. Setup is straightforward, and it integrates cleanly without affecting frontend performance. A great addition for anyone building client-friendly ACF page builders. it is very easy to manage from the ACF field and the Globally From the ACF sub menu. ![](https://secure.gravatar.com/avatar/d539532c5ebd87aaffe1ee7be3af4938f18881c0294bdb99be3301845448bab7? s=60&d=retro&r=g) ### 󠀁[A Must-Have layout Preview For ACF Flexible Content.](https://wordpress.org/support/topic/a-must-have-for-acf-flexible-content/)󠁿 [Harsh Patel](https://profiles.wordpress.org/harshp16/) 2026 年 6 月 12 日 Excellent plugin! It makes working with ACF Flexible Content much easier by showing visual previews instead of just layout names. The interface is clean, setup is straightforward, and it greatly improves the editing experience for both developers and clients. A real time-saver for any ACF-based website. ![](https://secure.gravatar.com/avatar/c344067e40ea7ac6265911750c5634490947a5aac22fcc81cab5c0bd68a2ed5e? s=60&d=retro&r=g) ### 󠀁[Excellent Plugin for ACF Flexible Content!](https://wordpress.org/support/topic/excellent-plugin-for-acf-flexible-content/)󠁿 [jaymakadiya](https://profiles.wordpress.org/jaymakadiya/) 2026 年 6 月 12 日 A small plugin that solves a big usability problem in ACF Flexible Layout Preview. The layout preview images make content management much easier for clients and editors. Easy to configure and works exactly as expected. Highly recommended! [ 阅读所有3条评价 ](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/) ## 贡献者及开发者 「ACF Flexible Layout Preview」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Chintan Soni ](https://profiles.wordpress.org/chintan95/) * [ chintansoni ](https://profiles.wordpress.org/chintansoni/) [帮助将「ACF Flexible Layout Preview」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/acf-flexible-layout-preview) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/acf-flexible-layout-preview/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/acf-flexible-layout-preview/)，或 通过[RSS](https://plugins.trac.wordpress.org/log/acf-flexible-layout-preview/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/acf-flexible-layout-preview/)。 ## 更新日志 #### 1.0.1 * Initial release. * Visual layout picker. * ACF Layout Preview system. * Flexible Content Preview images. * Automatic layout discovery. * Preview image management. * Custom layout support. * Default preview image support. * Light and dark themes. * Documentation tab. ## 额外信息 * 版本 **1.0.1** * 最后更新：**10 小时前** * 活跃安装数量 **不到10** * WordPress 版本 ** 5.8 或更高版本 ** * 已测试的最高版本为 **7.0** * PHP 版本 ** 7.4 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/acf-flexible-layout-preview/) * 标签 * [acf](https://cn.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://cn.wordpress.org/plugins/tags/advanced-custom-fields/) [custom fields](https://cn.wordpress.org/plugins/tags/custom-fields/)[flexible-content](https://cn.wordpress.org/plugins/tags/flexible-content/) [layout preview](https://cn.wordpress.org/plugins/tags/layout-preview/) * [高级视图](https://cn.wordpress.org/plugins/acf-flexible-layout-preview/advanced/) ## 评级 5 星（最高 5 星）。 * [ 3 条 5 星评价 ](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/acf-flexible-layout-preview/reviews/) ## 贡献者 * [ Chintan Soni ](https://profiles.wordpress.org/chintan95/) * [ chintansoni ](https://profiles.wordpress.org/chintansoni/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/acf-flexible-layout-preview/)