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 popular 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 field types)

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 popular 3rd party fields and we generate code for location rules including Options Pages!
Find out more about ACF Theme Code Pro

Requires

  • ACF version 4.4.7 or higher
  • ACF Pro version 5.6 or higher

Thankyou

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

Screenshots

  • 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. Use the clipboard icon to easily copy these code blocks and paste them into your theme.

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

Installation Instructions
  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
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).

Why is there so many PHP tags in the code that’s generated ?

At the moment it’s for developer convenience, so you can easily wrap our code in your own HTML markup.
We’re open to suggestions and keen to improve the code generated based on community discussion.

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

Incredible.

I’ve been building complex WordPress sites using a foundation of custom post types and ACF fields for quite some time. Totally used to adding code into my custom theme, and didn’t need this plugin. However, on the latest project I ran into complicated scenarios with repeater fields and image IDs vs URL and decided to purchase their pro version. HOLY CRAP. I should have dropped the change a long time ago. AWESOME. Massive time saver. Wish I’d done it sooner.

Nice

This has saved me loads of time. I have the pro version.

AWESOME!

From a newbie WP User. This makes using and learning ACF so much easier Thank You!

Read all 11 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.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