taylor.mitchellstjoseph

The ‘Code Area’ field allows you to add custom CSS, Javascript, HTML and PHP to an advanced custom field, whcih can be use anywhere in your wordpress template files.
The code area uses <a href="http://codemirror.net" rel="nofollow ugc">Code Mirror</a> and has various themes to suit.
CSS 
Type your css, no tags needed
Javascript 
Type your Javascript, no tags needed
PHP 
Type your PHP, no tags needed (Note, you can not open and close php tags anywhere in your code)
Output all types of code in the usual fashion the_field(‘code_area_field’);
Compatible with both ACF V3 & V4

Advanced Custom Fields – Code Area Field

Adds a 'Code Area' textarea editor field type for the Advanced Custom Fields WordPress plugin.

philkurth

Ben Pearson

The ACF Theme Code plugin automatically generates the code needed to implement <a href="https://en-au.wordpress.org/plugins/advanced-custom-fields/" rel="nofollow ugc">Advanced Custom Fields</a> in your themes.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/g9APGNJMy7k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<blockquote>
Video note: This free version of ACF Theme Code now supports ACF 6.
</blockquote>
<h4>Features</h4>
Reduce your development time.
<ul>
<li>When you publish, edit or update an ACF Field Group, the code required to implement your fields is displayed in the Theme Code section at the bottom of your Edit Field Group page.</li>
<li>Use the clipboard icons in this section quickly copy and paste the code blocks into your theme templates.</li>
</ul>
Quality, flexible, custom code.
<ul>
<li>The code generated by Theme Code Pro is based on the <a href="https://www.advancedcustomfields.com/resources/" rel="nofollow ugc">official Advanced Custom Fields documentation</a> and includes <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/#escaping-securing-output" rel="nofollow ugc">escaping</a> for secure output.</li>
<li>All code generated has been thoroughly tested and is created with speed and flexibility of implementation in mind.</li>
</ul>
Comprehensive field support
<ul>
<li>This version of ACF Theme Code generates code for all the field types included in the free version of <a href="https://en-au.wordpress.org/plugins/advanced-custom-fields/" rel="nofollow ugc">Advanced Custom Fields</a> (see the full list of field types and settings below).</li>
<li>The code generated is specific to the field names and field settings you use for each of your fields.</li>
</ul>
<h4>ACF Theme Code PRO</h4>
<a href="https://hookturn.io/downloads/acf-theme-code-pro/" rel="nofollow ugc">ACF Theme Code PRO</a> is the premium version of this plugin. It has the following additional features.
<ul>
<li>Support for all the complex field types that are included in <a href="https://www.advancedcustomfields.com/pro/]" rel="nofollow ugc">Advanced Custom Fields PRO</a>.
<ul>
<li>Repeater</li>
<li>Flexible Content</li>
<li>Gallery</li>
<li>Clone</li>
</ul>
</li>
<li>The addition of a Theme Code Location Registration Tool to the ACF Tools page that generates code for registering locations.
<ul>
<li>Blocks</li>
<li>Options Pages</li>
</ul>
</li>
<li>Support for more complex ACF Field Group Locations.
<ul>
<li>Block</li>
<li>Options Page</li>
<li>Widget</li>
<li>Taxonomy</li>
<li>Comment</li>
<li>Attachment</li>
<li>Current User</li>
<li>User Form</li>
</ul>
</li>
<li>Support for a range of third party fields.</li>
</ul>
<a href="https://hookturn.io/downloads/acf-theme-code-pro/" rel="nofollow ugc">Upgrade or learn more about ACF Theme Code PRO</a>.
<h4>ACF fields supported</h4>
This free version of ACF Theme Code generates code for the following ACF field types and settings:
<ul>
<li>Text</li>
<li>Text Area</li>
<li>Number</li>
<li>Range</li>
<li>Email</li>
<li>URL</li>
<li>Password</li>
<li>Image (return types Array, URL and ID)</li>
<li>File (return types Array, URL and ID)</li>
<li>WYSIWYG Editor</li>
<li>oEmbed</li>
<li>Select (values Single and Multiple, return types Value, Label and Array)</li>
<li>Checkbox (return types Value, Label and Array)</li>
<li>Radio Button (return types Value, Label and Array)</li>
<li>Button Group (return types Value, Label and Array)</li>
<li>True / False</li>
<li>Link (return types Array and URL)</li>
<li>Post Object (values Single and Multiple, return types Post Object and Post ID)</li>
<li>Page Link (values Single and Multiple)</li>
<li>Relationship (return types Post Object and Post ID)</li>
<li>Taxonomy (appearances Checkbox, Multi Select, Radio Buttons and Select, return types Term Object and Term ID)</li>
<li>User (values Single and Multiple, return types User Array, User Object and User ID)</li>
<li>Google Map</li>
<li>Date Picker</li>
<li>Date Time Picker</li>
<li>Colour Picker</li>
<li>Group</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>Advanced Custom Fields or ACF PRO (version 5.8.9 or higher)</li>
</ul>
<h4>Thank you</h4>
Thanks to all of our beta testers. Including Elliot Condon, Phil Smart, Richard Johnston and James Bundey.
<h4>Translations</h4>
Would you like to use the ACF Theme Code plugin in your native language? Then why not <a href="https://translate.wordpress.org/projects/wp-plugins/acf-theme-code/" rel="nofollow ugc">contribute a translation</a> via translate.wordpress.org.
If you are new to translating plugins, there is a helpful <a href="https://make.wordpress.org/polyglots/handbook/translating/first-steps/" rel="nofollow ugc">First Steps</a> guide available.
<a href="https://translate.wordpress.org/projects/wp-plugins/acf-theme-code/" rel="nofollow ugc">View the current state translations for ACF Theme Code</a>.
Any and all assistance with translations is greatly appreciated. Please let us know if you need any help with submitting translations.

ACF Theme Code for Advanced Custom Fields

Great Plugin

Si eres desarrollador y usas ACF este plugin es perfecto porque tienes todo el PHP necesario con simplemente hacer copia pega.
Aunque para campos de texto y otros quizás no sea necesario porque las funciones de ACF son sencillas de recordar, cuando construyes estructuras más complejas con campos de repetición, por ejemplo, te ahorra mucho tiempo.
Lo copias, lo pegas en tu función de tu tema o plugin y ya puedes mostrar los datos en pantalla.


Una navaja suiza para ACF

If you're using Advanced Custom Fields (ACF), then you gotta get this plugin! It's such a HUGE time saver. When you create your ACF fields, this plugin will automatically generate the PHP code you'll need, to use those fields in your theme/plugin. No more Googling to search for the correct function to implement your ACF fields. This plugin will save you so much time! Great work guys! 👍👍

A "Must Have" plugin for ACF users

Automatically generate the code needed to implement Advanced Custom Fields in your themes.

Advanced Custom Fields – Code Area Field vs ACF Theme Code for Advanced Custom Fields