{"id":110350,"date":"2019-10-11T08:05:37","date_gmt":"2019-10-11T08:05:37","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/easy-custom-code-lesscssjs-live-editing\/"},"modified":"2025-01-31T00:54:06","modified_gmt":"2025-01-31T00:54:06","slug":"easy-custom-code","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/easy-custom-code\/","author":13297933,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.2","stable_tag":"1.1.2","tested":"6.7.5","requires":"5.3","requires_php":"7.3","requires_plugins":null,"header_name":"Easy Custom Code (LESS\/CSS\/JS) - Live editing","header_author":"Web357","header_description":"Easily add, asynchronously, custom CSS\/LESS and JS code into your website with a code editor.","assets_banners_color":"d0cfd1","last_updated":"2025-01-31 00:54:06","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.me\/web357","header_plugin_uri":"https:\/\/www.web357.com\/product\/easy-custom-code-wordpress-plugin","header_author_uri":"https:\/\/www.web357.com\/","rating":5,"author_block_rating":0,"active_installs":100,"downloads":6246,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.9":{"tag":"1.0.9","author":"Yiannistaos","date":"2024-07-19 02:06:45"},"1.1.0":{"tag":"1.1.0","author":"Yiannistaos","date":"2024-08-12 15:11:43"},"1.1.1":{"tag":"1.1.1","author":"Yiannistaos","date":"2024-11-26 23:23:24"},"1.1.2":{"tag":"1.1.2","author":"Yiannistaos","date":"2025-01-31 00:54:06"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"3"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3232341,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3232341,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3232341,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3232341,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.9","1.1.0","1.1.1","1.1.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3232341,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3232341,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3232341,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3232341,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3232341,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3232341,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3232341,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3232341,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3232341,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Add custom LESS\/CSS styling directly from the WordPress Customizer.","2":"Insert custom JavaScript with ease.","3":"Manage external stylesheets.","4":"Add external scripts and choose their placement.","5":"Insert custom HTML snippets in key sections (head, body open, body close).","6":"Full-screen editor mode for an enhanced coding experience.","7":"View and edit minified CSS for optimal performance.","8":"Plugin settings panel for easy configuration."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[356,229,1731,4890,2304],"plugin_category":[59],"plugin_contributors":[170568],"plugin_business_model":[],"class_list":["post-110350","plugin","type-plugin","status-publish","hentry","plugin_tags-css","plugin_tags-javascript","plugin_tags-js","plugin_tags-less","plugin_tags-styling","plugin_category-utilities-and-tools","plugin_contributors-yiannistaos","plugin_committers-yiannistaos"],"banners":{"banner":"https:\/\/ps.w.org\/easy-custom-code\/assets\/banner-772x250.jpg?rev=3232341","banner_2x":"https:\/\/ps.w.org\/easy-custom-code\/assets\/banner-1544x500.jpg?rev=3232341","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/easy-custom-code\/assets\/icon-128x128.png?rev=3232341","icon_2x":"https:\/\/ps.w.org\/easy-custom-code\/assets\/icon-256x256.png?rev=3232341","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-1.png?rev=3232341","caption":"Add custom LESS\/CSS styling directly from the WordPress Customizer."},{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-2.png?rev=3232341","caption":"Insert custom JavaScript with ease."},{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-3.png?rev=3232341","caption":"Manage external stylesheets."},{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-4.png?rev=3232341","caption":"Add external scripts and choose their placement."},{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-5.png?rev=3232341","caption":"Insert custom HTML snippets in key sections (head, body open, body close)."},{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-6.png?rev=3232341","caption":"Full-screen editor mode for an enhanced coding experience."},{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-7.png?rev=3232341","caption":"View and edit minified CSS for optimal performance."},{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-8.png?rev=3232341","caption":"Plugin settings panel for easy configuration."},{"src":"https:\/\/ps.w.org\/easy-custom-code\/assets\/screenshot-9.png?rev=3232341","caption":""}],"raw_content":"<!--section=description-->\n<p>The <strong><a href=\"https:\/\/www.web357.com\/easy-custom-code-wordpress-plugin?utm_source=wp_ecc_repo&amp;utm_medium=wp_listing_ecc&amp;utm_campaign=wp_repo_link_ecc&amp;utm_content=wp_repo_link_to_plugin_page_ecc\">Easy Custom Code WordPress Plugin<\/a><\/strong> easily customize your WordPress website by adding your own <strong>LESS<\/strong>, <strong>CSS<\/strong>, and <strong>JavaScript code<\/strong> directly via the built-in WP Customizer. With this plugin, there's <strong>no need for a child theme<\/strong> or additional files. Simply insert your custom code, and it will be compiled into a minified CSS file for styles and a JavaScript file for scripts.<\/p>\n\n<p>This lightweight plugin is designed for ease of use, providing a seamless and organized way to manage custom styling and scripts without affecting core theme files.<\/p>\n\n<h3>VIDEO (How it works?)<\/h3>\n\n<p>[youtube http:\/\/www.youtube.com\/watch?v=Z9GE54_e6zE]<\/p>\n\n<h3>FEATURES<\/h3>\n\n<ul>\n<li>Easily add custom LESS, CSS, and JavaScript to your site.<\/li>\n<li>Manage unlimited external stylesheets and scripts via a modal window.<\/li>\n<li>Control JavaScript placement (head or footer) for optimized performance.<\/li>\n<li>Insert custom HTML in key areas:\n\n<ul>\n<li>Inside the <code>&lt;head&gt;<\/code> tag.<\/li>\n<li>Immediately after the opening <code>&lt;body&gt;<\/code> tag.<\/li>\n<li>Before the closing <code>&lt;\/body&gt;<\/code> tag.<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<h3>PRO FEATURES<\/h3>\n\n<ul>\n<li><strong>Minified CSS Output<\/strong> \u2013 Option to enable automatic minification of compiled CSS.<\/li>\n<li><strong>Full-Screen Editor<\/strong> \u2013 Maximize the code editor for a distraction-free coding experience.<\/li>\n<\/ul>\n\n<h3>What is LESS?<\/h3>\n\n<p>LESS is a CSS preprocessor that allows for variables, nested rules, mixins, and more, making your stylesheets more efficient and maintainable.<\/p>\n\n<h4>LESS code:<\/h4>\n\n<pre><code>   @global_color: #FF0000;\n   @global_font_size: 14px;\n   @secondary_color: #CCC;\n\n   body {\n      color: @global_color;\n      font-size: @global_font_size;\n   }\n   .container {\n      color: @secondary_color;\n      font-size: @global_font_size * 2;\n   }\n<\/code><\/pre>\n\n<h4>Outputs the following CSS:<\/h4>\n\n<pre><code>   body {\n      color: #FF0000;\n      font-size: 14px;\n   }\n   .container {\n      color: #CCC;\n      font-size: 24px;\n   }\n<\/code><\/pre>\n\n<p>For full LESS documentation, visit <a href=\"http:\/\/lesscss.org\/\">lesscss.org<\/a>.<\/p>\n\n<h3>Demo<\/h3>\n\n<p><a href=\"https:\/\/demo.web357.com\/wordpress\/easy-custom-code\/wp-admin\/\">Try Demo<\/a>\n    <code>Username: demo\nPassword: demo<\/code><\/p>\n\n<!--section=installation-->\n<p>This plugin is simple to install:<\/p>\n\n<ol>\n<li>Download the <code>easy-custom-code.zip<\/code> file.<\/li>\n<li>Extract the contents.<\/li>\n<li>Upload the <code>easy-custom-code<\/code> directory to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Navigate to the Plugins page in WordPress and activate the plugin.<\/li>\n<li>Configure your settings under <code>Settings &gt; Easy Custom Code<\/code>.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='will%20my%20custom%20css%20and%20js%20be%20deleted%20if%20i%20uninstall%20the%20plugin%3F'><h3>Will my custom CSS and JS be deleted if I uninstall the plugin?<\/h3><\/dt>\n<dd><p>Yes, all custom LESS, CSS, and JavaScript added through this plugin will be deleted, including the compiled CSS file.<\/p><\/dd>\n<dt id='why%20do%20i%20need%20this%20plugin%3F'><h3>Why do I need this plugin?<\/h3><\/dt>\n<dd><p>This plugin allows you to quickly and efficiently add custom styling and scripts to your site without modifying theme files, creating a child theme, or manually enqueuing scripts.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>31-Jan-2025 : v1.1.2<\/h4>\n\n<ul>\n<li>Full compatibility with WordPress 6.7.x.<\/li>\n<\/ul>\n\n<h4>27-Nov-2024 : v1.1.1<\/h4>\n\n<ul>\n<li><strong>Bug Fix:<\/strong> HTML entities (e.g., <code>&amp;gt;<\/code>, <code>&amp;lt;<\/code>) are now properly decoded.<\/li>\n<li>Minor fixes and performance improvements.<\/li>\n<\/ul>\n\n<h4>12-Aug-2024 : v1.1.0<\/h4>\n\n<ul>\n<li><strong>Bug Fix:<\/strong> LESS syntax errors for <code>&amp;:focus<\/code> and <code>&amp;:hover<\/code> resolved.<\/li>\n<\/ul>\n\n<h4>19-Jul-2024 : v1.0.9<\/h4>\n\n<ul>\n<li>Full compatibility with WordPress 6.6.x.<\/li>\n<li>LESS CSS compiler updated to v0.8.0.<\/li>\n<li>Minor fixes and improvements.<\/li>\n<\/ul>\n\n<h4>18-Apr-2024 : v1.0.8<\/h4>\n\n<ul>\n<li>Full compatibility with WordPress 6.5.x.<\/li>\n<li>Minor fixes and improvements.<\/li>\n<\/ul>\n\n<h4>23-Oct-2023 : v1.0.7<\/h4>\n\n<ul>\n<li>Full compatibility with WordPress 6.3.x.<\/li>\n<li>Minor fixes and improvements.<\/li>\n<\/ul>\n\n<h4>07-Jun-2023 : v1.0.6<\/h4>\n\n<ul>\n<li><strong>Compatibility:<\/strong> Fully compatible with WordPress 6.2.<\/li>\n<li>Minor fixes and improvements.<\/li>\n<\/ul>\n\n<h4>14-Jun-2022 : v1.0.5<\/h4>\n\n<ul>\n<li><strong>Compatibility:<\/strong> Fully compatible with WordPress 6.0.<\/li>\n<li>Minor fixes and improvements.<\/li>\n<\/ul>\n\n<h4>11-Feb-2022 : v1.0.4<\/h4>\n\n<ul>\n<li><strong>Compatibility:<\/strong> Fully compatible with WordPress 5.9.<\/li>\n<li>Minor fixes and improvements.<\/li>\n<\/ul>\n\n<h4>28-Jul-2021 : v1.0.3<\/h4>\n\n<ul>\n<li><strong>Compatibility:<\/strong> Fully compatible with WordPress 5.8.<\/li>\n<li>Minor fixes and improvements.<\/li>\n<\/ul>\n\n<h4>09-Apr-2021 : v1.0.2<\/h4>\n\n<ul>\n<li><strong>Compatibility:<\/strong> Fully compatible with WordPress 5.7.<\/li>\n<li>Minor fixes and improvements.<\/li>\n<\/ul>\n\n<h4>16-Oct-2019 : v1.0.1<\/h4>\n\n<ul>\n<li><strong>New Feature:<\/strong> Add custom code in the head tag.<\/li>\n<li><strong>New Feature:<\/strong> Add custom code right after the body tag opens.<\/li>\n<li><strong>New Feature:<\/strong> Add custom code before the closing body tag.<\/li>\n<li><strong>Improvement:<\/strong> Unique CSS and JS file names for better cache handling.<\/li>\n<li><strong>Improvement:<\/strong> Removed the manual CSS file name option; now, files are generated dynamically.<\/li>\n<li><strong>Improvement:<\/strong> Enhanced language file (.pot) with additional strings.<\/li>\n<\/ul>\n\n<h4>08-Oct-2019 : v1.0.0<\/h4>\n\n<ul>\n<li>Initial beta release.<\/li>\n<\/ul>","raw_excerpt":"Easy Custom Code plugin lets you easily add custom LESS, CSS, and JavaScript code, along with external stylesheets and scripts, directly into your Wor &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/110350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=110350"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/yiannistaos"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=110350"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=110350"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=110350"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=110350"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=110350"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=110350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}