Display of Basic ACF fields

Basic group includes Text, Textarea, Number, Range, Email, Url and Password fields.

Editor (built-in)

Used to manage field values in the admin area.

Click to enlarge.

Template (by Advanced Views)

Used to configure display of the field values on front.

Click to enlarge.

After assigning target fields to the template, the plugin automatically generates markup for them and a unique shortcode. You can specify labels and customize the generated Twig template to create a specific layout.

To display the field values, simply paste the generated shortcode in the desired location. The plugin will automatically retrieve the current values and render the template.

Front look (by Advanced Views)

The output below is styled as rows and includes labels for demonstration purposes. You can customize the markup as needed and combine fields from different groups.

Text

I'm a text

Textarea

I’m a long text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu pharetra felis, commodo rutrum ligula. Ut gravida tristique arcu a fringilla. Sed eget vestibulum libero. Vivamus aliquam arcu iaculis felis ornare, id euismod elit vehicula. Donec vitae convallis orci, vel tristique urna. Fusce ante magna, hendrerit vel pellentesque eu, blandit commodo est. Mauris vestibulum tempus pretium. Phasellus vitae tortor vel urna sodales consequat. Sed sed fermentum metus. Donec elementum velit nec porta vestibulum. Maecenas nec diam id ipsum tincidunt ornare a quis dui. Suspendisse tristique elementum nisi, vitae sagittis massa suscipit id. Proin ultricies rhoncus arcu non commodo. Cras consectetur tincidunt quam varius aliquet. Pellentesque sodales laoreet molestie. Vivamus quis magna a purus fermentum facilisis et at sem.

Number

100

Range

50

Password

qwerty

In the Pro version, in addition to displaying values from meta fields, you can also create   custom Gutenberg blocks.