ACF Flexible Layout Preview

Àpèjúwe

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.

Ìgbéwọlẹ̀

  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.

FAQ

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.

Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

Àwọn Olùkópa & Olùgbéejáde

“ACF Flexible Layout Preview” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

Túmọ̀ “ACF Flexible Layout Preview” sí èdè rẹ.

Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.

Àkọsílẹ̀ àwọn àyípadà

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.