philkurth

Ben Pearson

<p>The <em>ACF Theme Code</em> plugin automatically generates the code needed to implement <em><a href="https://en-au.wordpress.org/plugins/advanced-custom-fields/" rel="nofollow ugc">Advanced Custom Fields</a></em> in your themes.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><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></span>
<blockquote>
<p>Video note: This free version of <em>ACF Theme Code</em> now supports ACF 6.</p>
</blockquote>
<h4>Features</h4>
<p><strong>Reduce your development time.</strong></p>
<ul>
<li>When you publish, edit or update an ACF Field Group, the code required to implement your fields is displayed in the <em>Theme Code</em> 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>
<p><strong>Quality, flexible, custom code.</strong></p>
<ul>
<li>The code generated by <em>Theme Code Pro</em> is based on the <a href="https://www.advancedcustomfields.com/resources/" rel="nofollow ugc">official <em>Advanced Custom Fields</em> 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>
<p><strong>Comprehensive field support</strong></p>
<ul>
<li>This version of <em>ACF Theme Code</em> generates code for all the field types included in the free version of <em><a href="https://en-au.wordpress.org/plugins/advanced-custom-fields/" rel="nofollow ugc">Advanced Custom Fields</a></em> (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>
<p><em><strong><a href="https://hookturn.io/downloads/acf-theme-code-pro/" rel="nofollow ugc">ACF Theme Code PRO</a></strong></em> is the premium version of this plugin. It has the following additional features.</p>
<ul>
<li>Support for all the complex field types that are included in <em><a href="https://www.advancedcustomfields.com/pro/]" rel="nofollow ugc">Advanced Custom Fields PRO</a></em>.
<ul>
<li>Repeater</li>
<li>Flexible Content</li>
<li>Gallery</li>
<li>Clone</li>
</ul>
</li>
<li>The addition of a <em>Theme Code Location Registration Tool</em> to the ACF <em>Tools</em> page that generates code for registering locations.
<ul>
<li><strong>Blocks</strong></li>
<li>Options Pages</li>
</ul>
</li>
<li>Support for more complex ACF Field Group Locations.
<ul>
<li><strong>Block</strong></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>
<p><strong><a href="https://hookturn.io/downloads/acf-theme-code-pro/" rel="nofollow ugc">Upgrade or learn more about ACF Theme Code PRO</a></strong>.</p>
<h4>ACF fields supported</h4>
<p>This free version of <em>ACF Theme Code</em> generates code for the following ACF field types and settings:</p>
<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><em>Advanced Custom Fields</em> or <em>ACF PRO</em> (version 5.8.9 or higher)</li>
</ul>
<h4>Thank you</h4>
<p>Thanks to all of our beta testers. Including Elliot Condon, Phil Smart, Richard Johnston and James Bundey.</p>
<h4>Translations</h4>
<p>Would you like to use the ACF Theme Code plugin in your native language? Then why not <em><a href="https://translate.wordpress.org/projects/wp-plugins/acf-theme-code/" rel="nofollow ugc">contribute a translation</a></em> via translate.wordpress.org.</p>
<p>If you are new to translating plugins, there is a helpful <em><a href="https://make.wordpress.org/polyglots/handbook/translating/first-steps/" rel="nofollow ugc">First Steps</a></em> guide available.</p>
<p><em><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></em>.</p>
<p>Any and all assistance with translations is greatly appreciated. Please let us know if you need any help with submitting translations.</p>


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.

dreihochzwo

<p>The RGBA Color Picker is a color picker that supports transparency colors in RGBA-Mode.</p>
<h4>Custom color palette</h4>
<p>The plugin offers the possibility to customize the color palette according to your own wishes. You can define your own custom color palette with the <code>acf/rgba_color_picker/palette</code> filter. In addition, you can define an individual color palette for each field in the field settings.</p>
<p><strong>New in version 1.2.0</strong></p>
<p>If there are a lot of colors for the color palette, the color fields are getting very tiny. To prevent this, the color fields are now displayed in several rows (with a maximum of 10 colors per row). So it is possible to define a lot of colors for the standard palette.</p>
<p>Furthermore, the color picker is now absolutely positioned and this does not shift other elements of the page every time the color picker is opened.</p>
<p><strong>This plugin works only with the <a href="https://www.advancedcustomfields.com/pro/" rel="nofollow ugc">ACF PRO</a> (version 5.5.0 or higher).</strong></p>
<h4>Localizations</h4>
<ul>
<li>English</li>
<li>Deutsch</li>
</ul>
<h3>Custom color palette</h3>
<p>Use the <code>acf/rgba_color_picker/palette</code> filter to create your own standard color palette for the color picker. Your custom standard color palette, just like the default color palette, can be overridden in the field settings for each field individually.</p>
<h4>Fixed color palette</h4>
<p>Put a code like this into your themes functions.php (you can use HEX or RGBA color values and can also mix them):</p>
<pre><code><?php
function set_acf_rgba_color_picker_palette() {
    $palette = array(
        '#FFF',
        '#0018ff',
        '#00FF36',
        'rgba(255,168,0,0.7)'
    );

    return $palette;
}
add_filter('acf/rgba_color_picker/palette', 'set_acf_rgba_color_picker_palette');
?>
</code></pre>
<h4>Dynamic color palette</h4>
<p>If you have an options page where you define some standard colors, create an array from this options like this:</p>
<pre><code><?php
function set_acf_rgba_color_picker_palette() {
    // optional - add colors which are not set in the options page
    $palette = array(
        '#FFF',
        '#000'
    );

    if ( have_rows('YOUR_COLOR_REPEATER_FIELD', 'YOUR_OPTIONS_PAGE') ) {
        while( have_rows('YOUR_COLOR_REPEATER_FIELD', 'YOUR_OPTIONS_PAGE') ) { the_row();
            $palette[] = get_sub_field('YOUR_COLOR_FIELD');
        }
    }

    return $palette;
}
add_filter('acf/rgba_color_picker/palette', 'set_acf_rgba_color_picker_palette');
?>
</code></pre>
<p>This is an example using a repeater field to set the colors; if you store your colors within a string, convert this string into an array.</p>
<h4>Hiding color palette</h4>
<p>If you dont want to show a color palette set the return value of the filter to false:</p>
<pre><code><?php
add_filter('acf/rgba_color_picker/palette', '__return_false');
?>
</code></pre>
<p>Setting the color palette to false will disable and hide the “Color Palette” and “Hide Color Palette” options in the field settings.</p>


ACF RGBA Color Picker

Been needing this for months - thank you so much for creating it! Works flawlessly.

Finally!

A RGBA-Color-Picker field for Advanced Custom Fields

ACF Theme Code for Advanced Custom Fields vs ACF RGBA Color Picker