tomekthewo

<p>Adds useful functions for rendering image fields, link fields, repeater fields and flexible content for the Advanced Custom Fields plugin. For <a href="https://bitbucket.org/tomekthewo/advanced-custom-fields-snippets/src/master/" rel="nofollow ugc">detailed info look on Bitbucket</a>.</p>
<h3>Main advantages</h3>
<ul>
<li>write less code (do not repet same blocks of the code when writing down ACF custom fields)</li>
<li>built-in filters</li>
<li>works also for Gutenberg ACF Blocks</li>
<li>no init hooks etc (no impact on performance)</li>
</ul>
<p><strong>Usage</strong></p>
<h4>Link</h4>
<p>Returns the snippet of a specific link field.</p>
<pre><code><?php
    acf_snippet_get_link($selector, [$postId], [$args]);
?>
</code></pre>
<p>Displays the snippet of a specific link field.</p>
<pre><code><?php
    acf_snippet_the_link($selector, [$postId], [$args]);
?>
</code></pre>
<p><strong>Parameters</strong><br />
    $selector  <em>(string) (Required)</em> ACF field name or ACF field key. Based on <a href="https://www.advancedcustomfields.com/resources/get_field/" rel="nofollow ugc">ACF get_field function</a>.<br />
    $postId  <em>(integer|bool) (Optional)</em>  The post ID where the value is saved. Use <code>true</code> for getting sub field.  Default value: <code>false</code> (current post).<br />
    $args  <em>(array) (Optional)</em> Array of link output arguments.  Default value: <code>null</code>.<br />
    <strong>‘class’</strong> <em>(string)</em> <code>class</code> attribute of the anchor.<br />
    <strong>‘id’</strong> <em>(string)</em> <code>id</code> attribute of the anchor.<br />
    <strong>‘title’</strong> <em>(string)</em> <code>title</code> attribute text of the anchor.</p>
<h4>Image</h4>
<p>Returns the snippet of a specific image field.</p>
<pre><code><?php
    acf_snippet_get_image($selector, [$postId], [$args]);
?>
</code></pre>
<p>Displays the snippet of a specific image field.</p>
<pre><code><?php
    acf_snippet_the_image($selector, [$postId], [$args]);
?>
</code></pre>
<p><strong>Parameters</strong><br />
    $selector  <em>(string) (Required)</em> ACF field name or ACF field key. Based on <a href="https://www.advancedcustomfields.com/resources/get_field/" rel="nofollow ugc">ACF get_field function</a>.<br />
    $postId  <em>(integer|bool) (Optional)</em>  The post ID where the value is saved. Use <code>true</code> for getting sub field.  Default value: <code>false</code> (current post).<br />
    $args  <em>(array) (Optional)</em> Array of image output arguments. Default value: <code>null</code>.<br />
    <strong>‘size’</strong> <em>(string)</em> Image size to use. Accepts any valid image size. Default value is <code>full</code>.<br />
    <strong>‘alt’</strong> <em>(string)</em> <code>alt</code> attribute of the image.<br />
    <strong>‘id’</strong> <em>(string)</em> <code>id</code> attribute of the image.<br />
    <strong>‘class’</strong> <em>(string)</em> <code>class</code> attribute of the image.<br />
    <strong>‘title’</strong> <em>(string)</em> <code>title</code> attribute of the image.<br />
    <strong>‘srcset’</strong> <em>(bool)</em> Use <code>true</code> for retrieving image’s <code>srcset</code> attribute. Default  value: <code>false</code>.<br />
    <strong>‘loading’</strong> <em>(string)</em> <code>loading</code> attribute of the image. Default value: <code>lazy</code>.<br />
    <strong>‘link’</strong> <em>(bool|array)</em> Array of attributes for anchor wrapped around the image. Default value: <code>false</code>.<br />
        <strong>‘href’</strong> <em>(string)</em> <code>href</code> attribute of the link.<br />
        <strong>‘target’</strong> <em>(string)</em> <code>target</code> attribute of the link.<br />
        <strong>‘class’</strong> <em>(string)</em> <code>class</code> attribute of the link.<br />
        <strong>‘id’</strong> <em>(string)</em> <code>id</code> attribute of the link.<br />
        <strong>‘title’</strong> <em>(string)</em> <code>title</code> attribute of the link.</p>
<h4>Repeater</h4>
<p>Displays the snippet of a specific repeater field.</p>
<pre><code><?php
    acf_snippet_the_repeater($selector, [$postId], [$args]);
?>
</code></pre>
<p><strong>Parameters</strong><br />
    $selector  <em>(string) (Required)</em> ACF field name or ACF field key. Based on <a href="https://www.advancedcustomfields.com/resources/get_field/" rel="nofollow ugc">ACF get_field function</a>.<br />
    $postId  <em>(integer|bool) (Optional)</em>  The post ID where the value is saved. Default value: <code>false</code> (current post).<br />
    $args  <em>(array) (Optional)</em> Array of repeater output arguments.  Default value: <code>null</code>.<br />
    <strong>‘template’</strong> <em>(string|array)</em> Template for items inside the loop. Arguments of <code>get_template_part</code> function. In the template use standard <code>get_sub_field function</code>.<br />
    <strong>‘wrap_before’</strong> <em>(string)</em> Text (HTML) before repeater items while have rows.<br />
    <strong>‘wrap_after’</strong> <em>(string)</em> Text (HTML) after repeater items while have rows<br />
    <strong>’empty_html’</strong> <em>(string)</em> Text (HTML) in case there are no rows in repeater.</p>
<h4>Flexible content</h4>
<p>Displays the snippet of a specific flexible field.</p>
<pre><code><?php
    acf_snippet_the_flexible_content($selector, [$postId], [$args]);
?>
</code></pre>
<p><strong>Parameters</strong><br />
    $selector  <em>(string) (Required)</em> ACF field name or ACF field key. Based on <a href="https://www.advancedcustomfields.com/resources/get_field/" rel="nofollow ugc">ACF get_field function</a>.<br />
    $postId  <em>(integer|bool) (Optional)</em>  The post ID where the value is saved. Default value: <code>false</code> (current post).<br />
    $args  <em>(array) (Optional)</em> Array of flexible content output arguments.  Default value: <code>null</code>.<br />
    <strong>‘templates’</strong> <em>(array)</em> Array of templates for flexible content layouts.  In the templates use standard <code>get_sub_field function</code>.<br />
        key <em>(string)</em> – layout name<br />
        value <em>(string|array)</em> arguments for <code>get_template_part</code> function.</p>
<p><em>Requires Advanced Custom Fields (Pro)</em></p>
<h4>Examples</h4>
<p><strong>Link field</strong></p>
<pre><code><?php
    acf_snippet_the_link('more_info_link', false, [
        'class'=> 'link__out',
        ]
    );
?>
</code></pre>
<p><strong>Image field</strong></p>
<pre><code><?php
    echo acf_snippet_get_image('logo', 'option', [
        'size' => 'medium',
        'alt' => 'company name',
        'title' => false,
        'class' => 'header__logo',
        'id' => 'company-logo',
        'loading' => 'fetch',
        'link' => [
            'href' => get_home_url()
            ]
        ]
    );
?>
</code></pre>
<p><strong>Repeater field</strong></p>
<pre><code><?php
    acf_snippet_the_repeater( 'team_members', false, [
        'template'    => [ 'templates/loops/loop', 'team-member' ],
        'wrap_before' => '<ul class="about__team">',
        'wrap_after'  => '</ul>',
        'empty_html'  => '<p>' . __( 'No team members to show.', 'web' ) . '</p>'
        ]
    );
?>
</code></pre>
<p><strong>Flexible content field</strong></p>
<pre><code><?php
    acf_snippet_the_flexible_content( 'fp_content', false, [
    'templates' => [
        'slider'          => [ 'templates/homepage/snippet', 'slider' ],
        'counters' => [ 'templates/homepage/snippet', 'counters' ],
        'text_block'    => [ 'templates/homepage/snippet', 'text_block' ]
        ]
    ] 
);
</code></pre>
<p>?><br />
`</p>


Advanced Custom Fields: Snippets

Adds useful functions for rendering image fields, link fields, repeater fields and flexible content for the Advanced Custom Fields plugin.

Wow-Company

DmtLo

WPCoder

<p>Tired of editing theme files to add custom scripts or styles?<br />
<strong>WP Coder</strong> lets you insert custom HTML, CSS, JavaScript, and PHP snippets directly from your dashboard — no coding in theme files required. Gain full control and flexibility over your site.</p>
<p><a href="https://wpcoder.pro/category/documentation/" rel="nofollow ugc">Documentation</a> | <a href="https://wpcoder.pro/" rel="nofollow ugc">Upgrade to Pro</a></p>
<h3>Why WP Coder?</h3>
<ul>
<li><strong>All-in-One Code Editor:</strong> Tabbed editor for HTML, CSS, JS & PHP with CodeMirror syntax highlighting.</li>
<li><strong>Shortcode Integration:</strong> Use <code>[wp_code id="X"]</code> to embed snippets anywhere.</li>
<li><strong>Live Preview:</strong> Instantly preview HTML & CSS without reloads.</li>
<li><strong>Performance Ready:</strong> Minify CSS/JS and control script loading with <code>async</code> / <code>defer</code>.</li>
</ul>
<h3>Ideal For</h3>
<ul>
<li><strong>Developers:</strong> Test snippets, hooks, and debug quickly.</li>
<li><strong>Marketers:</strong> Insert tracking pixels, analytics, and ad scripts.</li>
<li><strong>Designers & Bloggers:</strong> Customize layouts, styles, and enhance engagement.</li>
</ul>
<h3>Key Features</h3>
<ul>
<li>Insert <strong>HTML, CSS, JS, and PHP</strong> via powerful shortcodes.</li>
<li>Smart PHP handling: run in admin, front-end, everywhere, or only where inserted.</li>
<li>Include external libraries (Google Fonts, CDN scripts & styles).</li>
<li><strong>Test Mode:</strong> Preview snippets safely before going live.</li>
<li>Import/Export snippets and settings between sites.</li>
<li><strong>NAV comments:</strong> Add inline navigation markers for faster code editing.</li>
<li>Lightweight & secure — built for performance.</li>
</ul>
<h3>Included Tools:</h3>
<h4>Integrations</h4>
<ul>
<li>Google Analytics, Facebook Pixel, and Pinterest Pixel integration.</li>
<li>Google AdSense integration with the option to disable ads for selected user roles.</li>
</ul>
<h4>Content & Templates</h4>
<ul>
<li>Markdown Editor – Disables Gutenberg and TinyMCE, replacing them with a Markdown editor powered by CodeMirror.</li>
</ul>
<h4>Developer Tools</h4>
<ul>
<li>Debug Log management (enable/disable and clear log).</li>
<li>Show Page Debug Info – Display technical info for the current request in the Admin Bar (template, query type, object, body classes). Admins only.</li>
<li>Theme Switcher –  Quickly switch between installed themes directly from the admin bar.</li>
</ul>
<h3>Included Snippets:</h3>
<h4>Editor & Content</h4>
<ul>
<li>Disable Gutenberg Editor</li>
<li>Remove Gutenberg Block CSS</li>
<li>Disable Widget Blocks</li>
<li>Enable Shortcode Execution in Widgets</li>
<li>Enable Excerpt for Pages</li>
<li>Open External Links in New Tabs</li>
<li>Change “Read More” Text</li>
</ul>
<h4>Admin Interface Tweaks</h4>
<ul>
<li>Disable Screen Options Tab</li>
<li>Disable Welcome Panel</li>
<li>Duplicate Posts</li>
<li>Disable Admin Bar</li>
</ul>
<h4>Login & User Access</h4>
<ul>
<li>Disable Login Page Language Switcher</li>
<li>Disable Login by Email</li>
<li>Disable Admin Password Reset Emails</li>
<li>Custom Login Logo</li>
<li>Custom Login Redirect URLs</li>
<li>Change Redirect After Login</li>
<li>Change Redirect After Logout</li>
</ul>
<h4>Media & Embeds</h4>
<ul>
<li>Enable SVG Upload</li>
<li>Force Lowercase Filenames</li>
<li>Default ALT Text for Avatars</li>
<li>Disable Lazy Load</li>
<li>Disable Embeds</li>
<li>Adjust oEmbed Max Dimensions</li>
</ul>
<h4>Core Functionality</h4>
<ul>
<li>Disable XML-RPC</li>
<li>Disable REST API</li>
<li>Disable Automatic Updates</li>
<li>Disable Emojis</li>
<li>Disable Shortlinks</li>
<li>Limit Post Revisions</li>
</ul>
<h4>Comments & Feedback</h4>
<ul>
<li>Disable Comments Globally</li>
<li>Disable Comment URL Field</li>
<li>Disable Self Pingbacks</li>
<li>Disable Trackbacks & Pingbacks</li>
<li>Disable HTML in Comments</li>
<li>Limit Comment Length</li>
</ul>
<h4>Cleanup & Optimization</h4>
<ul>
<li>Remove WP Version</li>
<li>Disable Attachment Pages</li>
<li>Disable RSS Feeds</li>
<li>Disable Built-in Search</li>
<li>Disable wlwmanifest Link</li>
<li>Disable Automatic Trash Emptying</li>
<li>Redirect 404 to Homepage</li>
</ul>
<p>WP Coder simplifies your WordPress development workflow and makes customization safe, fast, and flexible!</p>
<p>Get started today and simplify your WordPress development workflow with <strong>WP Coder</strong>!</p>
<h3>Quick Start Video</h3>
<p><iframe loading="lazy" title="WP Coder - Quick Start" width="750" height="422" src="https://www.youtube.com/embed/BgY3R8j1uWM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Plugin Demo:</h3>
<p><iframe loading="lazy" title="How to Introduce Interactive Features to WP Website with WPCoder" width="750" height="422" src="https://www.youtube.com/embed/YF4X7sU0iFY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Support</h4>
<p>Need help? Ask questions and get quick answers in our <a href="https://wordpress.org/support/plugin/wp-coder" rel="ugc">support center</a>.</p>


WP Coder – Insert & Manage Code Snippets


I install it on every site I build. Does the job well.


I love this plugin. Standard on all sites I build.

Snippets made simple — easily insert and manage custom PHP, CSS, JS & HTML without coding in theme files.

Advanced Custom Fields: Snippets vs WP Coder – Insert & Manage Code Snippets