Ozan Canakli

This plugin allows you to add custom site-wide CSS, JavaScript, Header, Footer Code to your WordPress site. The changes appear instantly on your website with help of WordPress Live Customizer.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/gP78wXPayvU?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>
In your WordPress Dashboard, navigate to Customize > Live Code Editor to get started.
When you Change or Update your WordPress Theme, Your Custom Code isn’t effected from these changes.
NEW FEATURES as Version 1.0.5: 
* Add Custom CSS to WordPress Admin dashboard. 
* Add Custom JavaScript to WordPress Admin dashboard.
MAIN FEATURES:
<ul>
<li>Custom CSS code</li>
<li>Custom Javascript code</li>
<li>Custom Header Code (Inside tags)(Google Analytics and Facebook Pixel compatible.)</li>
<li>Custom Footer Code (Before closing tag aka wp_footer function)</li>
<li>See Your Changes Immediately on your WordPress Site</li>
<li>Built in Syntax Code Highlighter</li>
<li>16 Color Schemes (Monokai, Chrome, GitHub, Twilight, Dreamweaver, XCode, Eclipse etc. 8 Light, 8 Dark)</li>
<li>Live Syntax Checking (CSS, JavaScript, HTML)</li>
<li>Syntax Highlighting</li>
<li>Line wrapping</li>
<li>Code folding</li>
<li>Multiple cursors and selections</li>
<li>Handles huge code blocks (four million lines seems to be the limit!)</li>
</ul>
Special thanks to <a href="https://profiles.wordpress.org/justinbusa/" rel="nofollow ugc">Justin Busa</a> of <a href="https://wordpress.org/plugins/beaver-builder-lite-version/" rel="ugc">Beaver Builder</a> for the inspiration.

Live Custom CSS JS Code Editor

Live Custom CSS JS Code Editor allows you to easily add custom CSS, JavaScript, Header, Footer Code to your site, straight from your WordPress Customi …

Avirtum

This plugin allows you to add custom JavaScript code, CSS custom styles and HTML markup to your WordPress site separately. With the powerful filter editor you can create complex rules. They are convenient to use when you want to include your custom code for a specific url, post, page, device, os, browser, also it will be useful to execute js or css at a concrete date, time, day of week and etc. It’s a good theme and plugin customizer and a perfect solution to create additional styles and js codes for your site.
This is the LITE version of the official <a href="https://1.envato.market/J2Pba" rel="nofollow ugc">Easy Custom JS and CSS – Extra Customization for WordPress</a> plugin which comes with support and doesn’t have some limitations.
<h4>Quick Video Demo</h4>
<iframe loading="lazy" title="WordPress Easy Custom JS & CSS Plugin Showcase" width="750" height="422" src="https://www.youtube.com/embed/n2FkpLBEQRs?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>
<h4>Features</h4>
<ul>
<li>The code editor with syntax highlighting</li>
<li>The rich filter builder to construct filters</li>
<li>Include custom css and js code on the basis of a filter</li>
<li>Use inline embed method or include code as an external file</li>
<li>Custom css and js code can be in the header or footer area</li>
<li>Use custom javascript code and css styles inside the user or admin side or both</li>
<li>Minify JasaScript code and CSS styles to reduce file size</li>
<li>Support SCSS and LESS preprocessors</li>
<li>All editors use AJAX saving to avoid reloading</li>
<li>Create as many codes as you want</li>
<li>The code is served from the filesystem instead of the database for better performance</li>
</ul>
<h4>Filter Builder Available Fields</h4>
<ul>
<li>Server – Request URI</li>
<li>WordPress – Post, Page, Page Template</li>
<li>Users – Logged in, User login, Role</li>
<li>System – Device, OS, Browser</li>
<li>Date & Time – Date, Time, Minutes, Hours, Day, Day of Week, Month, Year</li>
</ul>
The developer version is available <a href="https://github.com/yalogica/easy-custom-js-and-css" rel="nofollow ugc">here</a>.

WordPress Easy Custom Js And Css Plugin

Add your own custom css styles and javascript code with a powerful editor and take more control over themes and plugins appearance, apply styles and c …

Live Custom CSS JS Code Editor vs WordPress Easy Custom Js And Css Plugin