Mark Jaquith

<p>Encute provides a fluent, declarative API for site owners to manipulate the scripts and styles that WordPress, themes, and plugins shove onto their site. Move things into the footer, defer loading, remove assets entirely. Or load scripts async, or as modules, or as nomodule!</p>
<p>Here’s an example of how you could use the plugin:</p>
<pre><code><?php

use CWS\Encute\{ Plugin, Script, Style };

add_action(Plugin::class, function (Plugin $plugin) {
    $isContactPage = fn () => is_page('contact');
    Script::get('contact-form-7')->keepIf($isContactPage)->footer()->defer();
    Style::get('contact-form-7')->keepIf($isContactPage)->footer()->defer();

    Style::get(['mediaelement', 'wp-mediaelement'])->footer()->defer();
    Style::get('material-icons')->defer();
    Script::get('jquery')->remove();
});
</code></pre>
<h3>Wrapper</h3>
<p>Always run code in this wrapper:</p>
<pre><code>add_action(\CWS\Encute\Plugin::class, function (\CWS\Encute\Plugin $encute) {
    // Your code here.
});
</code></pre>
<p>This wrapper will be a no-op if Encute is not available, and it will both wait for Encute to be available to run, and pass you Encute’s main class instance.</p>
<h3>Fluency</h3>
<p>Both <code>Script::get()</code> and <code>Style::get()</code> return an instance of themselves, as do all calls to their methods, so you can just chain your calls.</p>
<h3>Script</h3>
<ul>
<li><code>static CWS\Encute\Script::get(string $handle): CWS\Encute\Script</code> — get a Script instance for that handle.</li>
<li><code>CWS\Encute\Script::module(): CWS\Encute\Script</code> — make the script a module.</li>
<li><code>CWS\Encute\Script::noModule(): CWS\Encute\Script</code> — make the script nomodule.</li>
<li><code>CWS\Encute\Script::footer(): CWS\Encute\Script</code> — send the script to the footer (along with its entire dependency family).</li>
<li><code>CWS\Encute\Script::async(): CWS\Encute\Script</code> — make the script async.</li>
<li><code>CWS\Encute\Script::defer(): CWS\Encute\Script</code> — make the script defer.</li>
<li><code>CWS\Encute\Script::remove(): CWS\Encute\Script</code> — remove the script.</li>
<li><code>CWS\Encute\Script::removeIf(callable $callback): CWS\Encute\Script</code> — remove the script if the callback resolves as true.</li>
<li><code>CWS\Encute\Script::keepIf(callable $callback): CWS\Encute\Script</code> — keep the script if the callback resolves as true (else remove it).</li>
</ul>
<h3>Style</h3>
<ul>
<li><code>static CWS\Encute\Style::get(string $handle): CWS\Encute\Style</code> — get a Style instance for that handle.</li>
<li><code>CWS\Encute\Style::footer(): CWS\Encute\Style</code> — send the style to the footer (along with its entire dependency family).</li>
<li><code>CWS\Encute\Style::defer(): CWS\Encute\Style</code> — defer the style’s loading.</li>
<li><code>CWS\Encute\Style::remove(): CWS\Encute\Style</code> — remove the style.</li>
<li><code>CWS\Encute\Style::removeIf(callable $callback): CWS\Encute\Style</code> — remove the style if the callback resolves as true.</li>
<li><code>CWS\Encute\Style::keepIf(callable $callback): CWS\Encute\Style</code> — keep the style if the callback resolves as true (else remove it).</li>
</ul>


Encute

Fluent API for site owners to manipulate the scripts and styles on the frontend of their site.

wipeoutmedia

<p>Safely add CSS, JavaScript, PHP or HTML to unique code blocks, then choose where it goes on your site. For even more power, get our free AI-powered snippet plugin here: <a href="https://wpsnippets.ai/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">WP Snippets AI</a></p>
<h3>IDEAL FOR:</h3>
<ul>
<li><strong>Making CSS front-end changes</strong> – No need to modify theme files or work with tedious built-in theme options. Just create a CSS code block.</li>
<li><strong>Adding site functionality</strong> – Stop adding plugins for simple tasks as they can slow down your site. Create a JavaScript or PHP code block instead.</li>
<li><strong>Adding widgets, code snippets and third-party scripts</strong> – Code blocks are perfect for adding scripts such as Google Analytics and chat widgets to your website.</li>
</ul>
<p>CJT is built on the concept of a code block. Each code block is more than just a code editor. It also contains a location editor so you can click the sections of your website you want your code to run.</p>
<p>It was designed for super-fast development without any cumbersome page refreshing. Create as many code blocks as you need and see all of your code and locations in the one dashboard. Don’t worry, CJT has been optimised to handle 100’s of code blocks and thousands of locations (i.e. Pages, Posts, Categories, Custom Posts, etc).</p>
<p><a href="https://css-javascript-toolbox.com/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">Click for CSS & JavaScript Toolbox PLUS</a></p>
<h3>FEATURES:</h3>
<ul>
<li>Easy to use ‘code blocks’ interface</li>
<li>Powerful code editor</li>
<li>Intuitive assignment panel (click where your code goes)</li>
<li>Code/script library management</li>
<li>Add code to the header or footer hook</li>
<li><strong>PREMIUM</strong> Add code to entire website, all posts, etc</li>
<li><strong>PREMIUM</strong> Add code via shortcodes, widgets, Gutenburg blocks, etc</li>
<li><strong>PREMIUM</strong> Add code via tags, URLs, regular expressions</li>
<li><strong>PREMIUM</strong> 8 additional hooks for more precise assignments</li>
<li><strong>PREMIUM</strong> Invert feature (run code everywhere but …)</li>
<li><strong>PREMIUM</strong> Editor tools (code auto complete, beautify/minify, etc)</li>
<li><strong>PREMIUM</strong> Code revisions system</li>
<li><strong>PREMIUM</strong> Backup and export/import system</li>
</ul>
<p><a href="https://css-javascript-toolbox.com/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">Click for CSS & JavaScript Toolbox PLUS</a></p>
<h3>OVERVIEW VIDEO</h3>
<p><iframe loading="lazy" title="CSS & JavaScript Toolbox PLUS WordPress plugin demo" width="750" height="422" src="https://www.youtube.com/embed/vYAKePVgJqE?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>


CSS & JavaScript Toolbox

Add CSS, JavaScript, PHP and HTML code snippets to your site. For AI-powered snippets, get our free plugin here: wpsnippets.ai

Encute vs CSS & JavaScript Toolbox