ACF Field Block

Render any ACF field that you’ve added to a post type or page.

The ACF Field block is a very important fundamental building block in the ACF Engine system.

It’s versatile, has very lean output. No extra CSS classes are added to the output unless you use custom Tailwind utility classes.


The example below renders a number field. An h2 tag is used as the wrapper.

65

Code output from sample above

<h2>65</h2>

The example below renders an image field. Same block, completely different field type and output… that’s the benefit and simplicity of the generic handling in this ACF Field Block. By the way, those koala’s run our Australia branch. Get it? They run the branch… the branch?

Code output from the example above

<div>
  <div class="acfg-image-wrap">
    <img src="https://acfengine.com/wp-content/uploads/2022/03/c-valdez-KhpFiOX9MdQ-unsplash-300x300.jpg" alt="">
  </div>
</div>