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.

Florian Eickhorst

This plugin requires the plugin “Advanced Custom Fields” (ACF) to work.
Use this plugin to show ACF fields in the “All Posts”, Taxonomy or User table view in the WordPress admin backend.
Simply enable the new option “Admin Column” in your ACF field settings for any regular field (see exceptions below), and optionally set the columns position and width. Now there will be an extra column for your field shown in any overview of built-in or custom posts, pages, taxonomies (e.g. “All Pages”), and users.
You can use filters (see below) to control the plugins behaviour even more precisely.
Works on any regular ACF field (see exceptions below).
Compatible with Advanced Custom Fields 5.x and 6.x.
Github: https://github.com/fleiflei/acf-admin-columns
If you like this plugin please kindly leave your review and feedback here: https://wordpress.org/plugins/admin-columns-for-acf-fields/#reviews
<h3>Usage:</h3>
<ol>
<li>Install ACF and this plugin (see below)</li>
<li>In ACF open/create a “field group” and open any field for editing (see exceptions below).</li>
<li>Enable the “Admin Column” option in the field settings.</li>
<li>Specify the desired column position (optional).</li>
<li>Specify the desired column width (optional).</li>
<li>Save the field group and go to the “All posts” view of the post type or taxonomy (e.g. “Posts > All Posts”, or “Pages > All Pages”) and notice the newly added column for your field.</li>
</ol>
<h3>Excluded ACF Fields</h3>
Due to their nature the option “Admin Column” is not shown in ACF for these fields:
<ul>
<li>Accordion</li>
<li>Clone</li>
<li>Flexible Content</li>
<li>Google Map</li>
<li>Group</li>
<li>Message</li>
<li>Repeater</li>
<li>Tab</li>
</ul>
<h3>Filters</h3>
<h4>“acf/admin_columns/admin_columns”</h4>
Allows you to change which columns are displayed on the current admin screen.
Parameters
<pre><code>$acf_columns - Array of all ACF fields to be shown in current screen. Note that the column key is always prefixed with 'acf_'.
$field_groups - Array of all ACF field groups to be shown in current screen.
</code></pre>
Example:
Remove ‘my_field’ from the columns of the post type ‘my_custom_post_type’, even if it is set to be shown in the field settings. Note that the column key is always prefixed with ‘acf_’.
<pre><code>function my_admin_columns($acf_columns, $field_groups) {

 $screen = get_current_screen();
 if (!empty($screen) && $screen->post_type == 'my_custom_post_type' && isset($acf_columns['acf_my_field'])) {
 unset($acf_columns['acf_my_field']); // the key is always prefixed with 'acf_'
 }
 return $acf_columns;
}
add_filter('acf/admin_columns/admin_columns','my_admin_columns', 10, 2);
</code></pre>
<h4>“acf/admin_columns/sortable_columns”</h4>
Change which columns should be sortable. By default, every column is sortable.
Parameters
<pre><code>$columns - Array of all ACF fields to be shown in current screen.
</code></pre>
<h4>“acf/admin_columns/sort_order_type”</h4>
Change the sort order type for a certain field. By default, most fields are sorted by string comparison. Number fields are ordered by numeric comparison.
Parameters
<pre><code>$sort_order_type - The sort order type (either 'meta_value' or 'meta_value_num')
$field_properties - the ACF field properties
</code></pre>
Example:
Change the sort order type for the field ‘my_field’ to ‘meta_value_num’ (see https://developer.wordpress.org/reference/classes/wp_query/#order-orderby-parameters).
<pre><code>function my_sort_order_type($sort_order_type, $field_properties) {
 if ($field_properties['name'] == 'my_field') {
 return 'meta_value_num';
 }
 return $sort_order_type;
}
add_filter('acf/admin_columns/sort_order_type','my_sort_order_type', 10, 2);
</code></pre>
<h4>“acf/admin_columns/render_output”</h4>
Allows you to modify the output of a certain $field in every row of a posts table.
Parameters
<pre><code>$render_output - The field value after it was prepared for output
$field_properties - the ACF field properties
$field_value - the original raw field value
$post_id - the post id
</code></pre>
Example:
Output then length of text field ‘my_text_field’ instead of its contents.
<pre><code>function my_column_value($rendered_output, $field_properties, $field_value, $post_id) {
 if ($field_properties['name'] == 'my_text_field') {
 return strlen($field_value);
 }
 return $rendered_output;
}
add_filter('acf/admin_columns/render_output','my_column_value', 10, 4);
</code></pre>
<h4>“acf/admin_columns/render_raw”</h4>
Output a field value without any formatting. This is useful e.g. for image fields, where you might want to output the raw image url instead of a rendered image tag.
Parameters
<pre><code>$render_raw - boolean, set to true to render raw field value
$field_properties - the ACF field properties
$field_value - the original raw field value
$post_id - the post id
</code></pre>
Example:
Output the raw image url for image field ‘my_image_field’ for post ID 123.
<pre><code>function my_render_raw($render_raw, $field_properties, $field_value, $post_id) {
 if ($field_properties['name'] == 'my_image_field' && $post_id == 123) {
 return true;
 }
 return $render_raw;
}
add_filter('acf/admin_columns/render_raw','my_render_raw', 10, 4);
</code></pre>
<h4>“acf/admin_columns/default_value”</h4>
Allows you to override the default value for a certain field if it is empty. This only applies, if the field has a default value set in the field settings.
Parameters
<pre><code>$default_value - The default value
$field_properties - the ACF field properties
$field_value - the original raw field value
$post_id - the post id
</code></pre>
Example:
Change the default value for field ‘my_field’ to ‘my default value’ if it is empty.
<pre><code>function my_default_value($default_value, $field_properties, $field_value, $post_id) {
 if ($field_properties['name'] == 'my_field' && empty($field_value)) {
 return 'my default value';
 }
 return $default_value;
}
add_filter('acf/admin_columns/default_value','my_default_value', 10, 4);
</code></pre>
<h4>“acf/admin_columns/before_render_output”</h4>
Allows you to modify the field value of a certain $field before it is prepared for rendering. This filter is applied before ‘acf/admin_columns/render_output’.
Parameters
<pre><code>$field_value - the original raw field value
$field_properties - the ACF field properties
$post_id - the post id
</code></pre>
<h4>“acf/admin_columns/preview_image_size”</h4>
Change the preview image size for image or gallery fields. Default value is “thumbnail”.
Parameters
<pre><code>$preview_image_size - string with image size name
$field_properties - the ACF field properties
$post_id - the post id
</code></pre>
Example
Change preview image size to “medium”
<pre><code>function my_preview_image_size($preview_image_size, $field_properties, $post_id) {
 return 'medium';
}
add_filter('acf/admin_columns/preview_image_size','my_preview_image_size', 10, 3);
</code></pre>
<h4>“acf/admin_columns/preview_image_url”</h4>
Allows for manipulation of the url of the preview image for image or gallery fields.
Parameters
<pre><code>$preview_image_url - string with image url
$field_properties - the ACF field properties
$post_id - the post id
</code></pre>
Example
Replace preview image of field ‘my_image_field’ for post ID 123 to a random 100x100px image from https://picsum.photos.
<pre><code>function my_preview_image_url($preview_image_url, $field_properties, $post_id) {
 if ($field_properties['name'] == 'my_image_field' && $post_id == 123) {
 return 'https://picsum.photos/100/100';
 }
 return $preview_image_url;
}
add_filter('acf/admin_columns/preview_image_url','my_preview_image_url', 10, 3);
</code></pre>
<h4>“acf/admin_columns/link_wrap_url”</h4>
Automatically wrap url in link to that url. This is useful e.g. for text fields that contain a url, where you might want to output a link to the url instead of the url itself.
Parameters
<pre><code>$link_wrap_url - boolean, set to true to wrap url in link
$field_properties - the ACF field properties
$field_value - the original raw field value
$post_id - the post id
</code></pre>
Example:
Wrap url in link for text field ‘my_link_text_field’.
<pre><code>function my_link_wrap_url($link_wrap_url, $field_properties, $field_value, $post_id) {
 if ($field_properties['name'] == 'my_link_text_field') {
 return true;
 }
 return $link_wrap_url;
}
add_filter('acf/admin_columns/link_wrap_url','my_link_wrap_url', 10, 4);
</code></pre>
<h4>“acf/admin_columns/array_render_separator”</h4>
Allows you to change the separator for array fields (e.g. repeater, flexible content, gallery). Default value is “, “.
Parameters
<pre><code>$array_render_separator - string with separator, default = ", "
$field_properties - the ACF field properties
$field_value - the original raw field value
$post_id - the post id
</code></pre>
Example:
Output every array item on a new line, using the <code> </code> tag.
<pre><code>function my_array_render_separator($array_render_separator, $field_properties, $field_value, $post_id) {
 return " ";
}
add_filter('acf/admin_columns/array_render_separator','my_array_render_separator', 10, 4);
</code></pre>
<h4>“acf/admin_columns/no_value_placeholder”</h4>
Change the placeholder for empty values. Default value is “-“.
Parameters
<pre><code>$no_value_placeholder - string with placeholder, default = "-"
$field_properties - the ACF field properties
$field_value - the original raw field value
$post_id - the post id
</code></pre>
Example:
Output “n/a” for empty values.
<pre><code>function my_no_value_placeholder($no_value_placeholder, $field_properties, $field_value, $post_id) {
 return "n/a";
}
add_filter('acf/admin_columns/no_value_placeholder','my_no_value_placeholder', 10, 4);
</code></pre>
<h4>“acf/admin_columns/highlight_search_term_preg_replace_pattern”</h4>
Change the preg_replace pattern for highlighting the search term in the column output.
Parameters
<pre><code>$highlight_search_term_preg_replace_pattern - string with preg_replace pattern, default is '\\0' (yellow background, black font color)
$field_properties - the ACF field properties
$field_value - the original raw field value
$post_id - the post id
</code></pre>
Example:
Highlight search terms with red background and white font color.
<pre><code>function my_highlight_search_term_preg_replace_pattern($highlight_search_term_preg_replace_pattern, $field_properties, $field_value, $post_id) {
 return '\\0';
}
add_filter('acf/admin_columns/highlight_search_term_preg_replace_pattern','my_highlight_search_term_preg_replace_pattern', 10, 4);
</code></pre>
<h4>“acf/admin_columns/exclude_field_types”</h4>
Change which field types should not have the admin column option in the field settings.
Parameters
<pre><code>$excluded_field_types - array of excluded_field_types
</code></pre>
Example: disallow the admin column option for TEXT fields
<pre><code>function my_exclude_field_types($excluded_field_types) {
 $excluded_field_types[] = 'text';
 return $excluded_field_types;
}
add_filter('acf/admin_columns/exclude_field_types','my_exclude_field_types');
</code></pre>
<h4>“acf/admin_columns/column_position”</h4>
Change the column position for a certain field.
Parameters
<pre><code>$column_position - integer with column position
$field_name - the ACF field name
$field_properties - the ACF field properties
</code></pre>
Example:
Change the column position for field ‘my_field’ to 2.
<pre><code>function my_column_position($column_position, $field_name, $field_properties) {
 if ($field_name == 'my_field') {
 return 2;
 }
 return $column_position;
}
add_filter('acf/admin_columns/column_position','my_column_position', 10, 3);
</code></pre>
<h4>“acf/admin_columns/column_styles”</h4>
Change the column styles for a column.
Parameters
<pre><code>$column_styles - string with column styles
$field_name - the ACF field name
$field_properties - the ACF field properties
</code></pre>
Example:
Change the column width for field ‘my_field’ to 20% of the screen width and set the max-width of the column to 200px.
<pre><code>function my_column_styles($column_styles, $field_name, $field_properties) {
 if ($field_name == 'my_field') {
 return 'width: 20%; max-width: 200px;';
 }
 return $column_styles;
}
add_filter('acf/admin_columns/column_styles','my_column_styles', 10, 3);
</code></pre>

Admin Columns for ACF Fields

Works well  - using it for WooCommerce Products with an ACF field.

NIce!

Allows you to enable columns for your ACF fields in post and taxonomy overviews (e.g. "All Posts") in the Wordpress admin backend.

ACF Theme Code for Advanced Custom Fields vs Admin Columns for ACF Fields