ACF Flexible Content Layout Previews

July 01, 2019

ACF Flexible Content Layout Previews Plugin

See an example of the ACF Flexible Content Layout before you select it!

This plugin allows you to upload image examples to your uploads directory so that your clients (or users) can see
an example of what the ACF Flexible Content Layout looks like in the page editor before they select it. This modifies
the existing tooltip to display an image.

Be sure to review the INSTALLATION guide!

Installation

To install:

  1. Upload acf-fc-layout-previews folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Upload JPG images of your flexible content layouts into your uploads/acf-fc-layouts directory.

NOTE: The name of the image should be the name of the flexible layout with the “.jpg” extension.

For example, if you have a layout “Hero”, then you must upload “hero.jpg” into upload-dir/acf-fc-layouts.

Another example, if you have a layout titled “Content row with side image”, then you must name the image “content-row-with-side-image.jpg”

Screenshots

  1. When adding a new layout to your page, you are prompted with visual examples of each content row

    When adding a new layout to your page, you are prompted with visual examples of each content row

  2. You must name screenshots after the "Name" of the layout, in jpg format

    You must name screenshots after the "Name" of the layout, in jpg format

  3. Once you have screenshots ready to use, you must upload them to your [uploads]/acf-fc-layouts folder. This method may change in a major release in the future.

    Once you have screenshots ready to use, you must upload them to your [uploads]/acf-fc-layouts folder. This method may change in a major release in the future.

FAQ

What types of images are allowed?

Currently, only jpeg. The file extension must be “jpg” – all lowercase. Example: hero.jpg

Why isn’t this more dynamic?

I don’t have the time. It’s on my todo list; feel free to contribute!

I have a question

Please submit a support post.

I want to contribute

Awesome! Fork the git repo here https://github.com/robertark/ACF-Flexible-Content-Layout-Previews and submit a pull request when ready!

Changelog

1.0.0

  • Initial release

Details

  • Version: 1.0.0
  • Active installations: 60
  • WordPress Version: 4.0
  • Tested up to: 5.2.21

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars