ACF Theme Code for Advanced Custom Fields

Description

When you publish, edit or update an ACF Field Group, the code required to implement each field is displayed for you in the Theme Code section at the bottom of the page.

The code is based on the ACF documentation and it’s automatically updated to match the fields you have created.

Use the clipboard icon to easily copy these code blocks and paste them into your theme to get you started and save loads of time!

Upgrade to ACF Theme Code Pro
ACF Theme Code Pro generates code for all ACF Pro field types including the Clone, Repeater, Gallery and Flexible Content field.
Our Pro version also generates code for a range of 3rd party fields and we generate code for location rules including Options Pages!
Find out more about ACF Theme Code Pro

Features include:

  • Easily copy the code into your theme
  • Great for offline documentation
  • Based on the official ACF documentation
  • Field names and variables are automatically updated

Support for the following fields:

  • Text
  • Text Area
  • Number
  • Email
  • Password
  • WYSIWYG
  • File (Object, URL and ID return values)
  • Image (Object, URL and ID return values)
  • Select (single and multiple values)
  • Checkbox
  • Radio
  • True / False
  • User
  • Google Map
  • Date Picker
  • Colour Picker
  • Page Link (single and multiple values)
  • Post Object (single and multiple values)
  • Relationship (Object and ID return values)
  • Taxonomy (Checkbox, Multi Select, Radio Buttons and Select)
  • Button (found in ACF free version 5)
  • Link (found in ACF free version 5)
  • Range (found in ACF free version 5)
  • Group (found in ACF free version 5)

Upgrade to ACF Theme Code Pro
ACF Theme Code Pro generates code for all ACF Pro field types including the Clone, Repeater, Gallery and Flexible Content field.
Our Pro version also generates code for a range of 3rd party fields and we generate code for location rules including Options Pages!
Find out more about ACF Theme Code Pro

Requires

  • ACF version 5.8.3 or higher
  • ACF Pro version 5.8.3 or higher

Thank you

Thanks to all of our beta testers including Elliot Condon, Phil Smart, Richard Johnston & James Bundey!

Screenshots

  • The code required to implement each field is displayed for you in the Theme Code section.

Installation

  1. Upload ACF Theme Code to /wp-content/plugins/
  2. Activate the Plugin via the plugins menu
  3. Create or Update an ACF Field Group
  4. Scroll down to see the ACF Theme code

FAQ

Does this plugin support ACF Pro ?

This plugin has basic support for ACF Pro (we support all the fields found in the ACF free version).
Our premium version – ACF Theme Code Pro supports all the fields in ACF Pro, a range of other 3rd Party Fields & locations rules (like options).

Does this plugin support locations (like options) ?

This plugin does not support locations, however our premium version – ACF Theme Code Pro supports a range of locations rules.

Reviews

October 3, 2019
From advance to novice user, this is a time saver. Just copy the code and bang.
July 17, 2019
While Oxygen Builder has fine ACF integration, slightly more advanced stuff requires a bit of custom code. ACF Theme Code for Advanced Custom Fields recommends PHP code snippets that can be pasted right into Oxygen Builders code module. That's an excellent starting point for further customizations, and the plugins output seems to adhere to best practice when using WordPress posts functions.. My only grif is the seemingly sparse update frequency. Even WordPress.org throws a big red warning against you when checking out the plugin. Don't let that scare you off though, so far it seems to play nice with WordPress 5.2.2 and Oxygen Builder 2.4 and PHP 7.3 in a multisite environment. Thanks you so much for providing this plugin 🙂
June 26, 2019
What to do with the time I've saved not looking at ACF documentation?! Maybe I'll take up a musical instrument, learn French, volunteer at a charity, or maybe just stare at my computer wondering about life...
May 31, 2018
Nice, nice, nice additional absolutely essential addon plugin for ACF for those of us who aren't fluent in the code needed. Great learning tool. If you're running ACF, even for advanced users, install this plugin.
March 19, 2018
It hepls you intergrating the fields you want to display into your theme
Read all 17 reviews

Contributors & Developers

“ACF Theme Code for Advanced Custom Fields” is open source software. The following people have contributed to this plugin.

Contributors

“ACF Theme Code for Advanced Custom Fields” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “ACF Theme Code for Advanced Custom Fields” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.4.1

  • Compatibility with WordPress 5.2.2

1.4.0

  • All ACF v5 Free Fields Supported including: Group, Button, Range and Link fields.
  • Fix: Bug with locations section on PHP 7.2

1.3.2

  • Fix: Updated clipboard.js & bug fix for the copy to clipboard feature

1.3.1

  • Fix: Updates to array count functionality for PHP 5.4

1.3.0

  • Core : Support for ACF Pro when bundled in a Theme
  • Fix : HTML output by the File field is now valid
  • Core : Notice for location rule support (now in ACF Theme Code Pro)

1.2.0

  • Core: Quicklinks feature with anchor links to the relevant theme code block
  • Core: Notice updates & various bug fixes

1.1.2

  • Fix: Use the_sub_field method for nested File fields with return format URL

1.1.1

  • Field: Post Object field now works correctly for ACF 4
  • Core: Various internal code improvements

1.1.0

  • Fields: All field formatting improved inline with ACF Theme Code Pro

1.0.0

  • Core: First version