Title: Easy Custom Code (LESS/CSS/JS) – Live Editing Author: Yiannis Christodoulou Published: 2019-يىلى 11-ئۆكتەبىر Last modified: 2025-يىلى 31-يانۋار --- قىستۇرما ئىزدە ![](https://ps.w.org/easy-custom-code/assets/banner-772x250.jpg?rev=3232341) ![](https://ps.w.org/easy-custom-code/assets/icon-256x256.png?rev=3232341) # Easy Custom Code (LESS/CSS/JS) – Live Editing يازغۇچى [Yiannis Christodoulou](https://profiles.wordpress.org/yiannistaos/) [چۈشۈر](https://downloads.wordpress.org/plugin/easy-custom-code.1.1.2.zip) * [تەپسىلاتلار](https://ug.wordpress.org/plugins/easy-custom-code/#description) * [باھالاشلار](https://ug.wordpress.org/plugins/easy-custom-code/#reviews) * [ئورنىتىش](https://ug.wordpress.org/plugins/easy-custom-code/#installation) * [ئىجادىيەت](https://ug.wordpress.org/plugins/easy-custom-code/#developers) [قوللاش](https://wordpress.org/support/plugin/easy-custom-code/) ## چۈشەندۈرۈش The **[Easy Custom Code WordPress Plugin](https://www.web357.com/easy-custom-code-wordpress-plugin?utm_source=wp_ecc_repo&utm_medium=wp_listing_ecc&utm_campaign=wp_repo_link_ecc&utm_content=wp_repo_link_to_plugin_page_ecc)** easily customize your WordPress website by adding your own **LESS**, **CSS**, and** JavaScript code** directly via the built-in WP Customizer. With this plugin, there’s** no need for a child theme** 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. 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. ### VIDEO (How it works?) ### FEATURES * Easily add custom LESS, CSS, and JavaScript to your site. * Manage unlimited external stylesheets and scripts via a modal window. * Control JavaScript placement (head or footer) for optimized performance. * Insert custom HTML in key areas: - Inside the `` tag. - Immediately after the opening `` tag. - Before the closing `` tag. ### PRO FEATURES * **Minified CSS Output** – Option to enable automatic minification of compiled CSS. * **Full-Screen Editor** – Maximize the code editor for a distraction-free coding experience. ### What is LESS? LESS is a CSS preprocessor that allows for variables, nested rules, mixins, and more, making your stylesheets more efficient and maintainable. #### LESS code: ``` @global_color: #FF0000; @global_font_size: 14px; @secondary_color: #CCC; body { color: @global_color; font-size: @global_font_size; } .container { color: @secondary_color; font-size: @global_font_size * 2; } ``` #### Outputs the following CSS: ``` body { color: #FF0000; font-size: 14px; } .container { color: #CCC; font-size: 24px; } ``` For full LESS documentation, visit [lesscss.org](http://lesscss.org/). ### Demo [Try Demo](https://demo.web357.com/wordpress/easy-custom-code/wp-admin/) `Username: demo Password: demo ## ئېكران كەسمىسى * [[ * Add custom LESS/CSS styling directly from the WordPress Customizer. * [[ * Insert custom JavaScript with ease. * [[ * Manage external stylesheets. * [[ * Add external scripts and choose their placement. * [[ * Insert custom HTML snippets in key sections (head, body open, body close). * [[ * Full-screen editor mode for an enhanced coding experience. * [[ * View and edit minified CSS for optimal performance. * [[ * Plugin settings panel for easy configuration. * [[ ## ئورنىتىش This plugin is simple to install: 1. Download the `easy-custom-code.zip` file. 2. Extract the contents. 3. Upload the `easy-custom-code` directory to `/wp-content/plugins/`. 4. Navigate to the Plugins page in WordPress and activate the plugin. 5. Configure your settings under `Settings > Easy Custom Code`. ## FAQ ### Will my custom CSS and JS be deleted if I uninstall the plugin? Yes, all custom LESS, CSS, and JavaScript added through this plugin will be deleted, including the compiled CSS file. ### Why do I need this plugin? 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. ## باھالاشلار ![](https://secure.gravatar.com/avatar/263fb7fea164acc8476afc3a98141477b332722b99249086c9faef65ccc89f26? s=60&d=retro&r=g) ### 󠀁[I use it to all my sites](https://wordpress.org/support/topic/i-use-it-to-all-my-sites/)󠁿 [Kostas Theologos](https://profiles.wordpress.org/kostasth53025/) 2020-يىلى 21- ئىيۇل Thanks, John! ![](https://secure.gravatar.com/avatar/921cec8ec7b812de972320e336f3b9aefde89a06adaa7fe5038e5fdcc4306464? s=60&d=retro&r=g) ### 󠀁[Perfect plugin](https://wordpress.org/support/topic/perfect-plugin-847/)󠁿 [skapator](https://profiles.wordpress.org/skapator/) 2020-يىلى 31-مارت Easiest way to add code on your site. This functionality is a must for any one. Well done. ![](https://secure.gravatar.com/avatar/d8e97128e93852df40849e5733a02643a547b9915318e4f6a3194505da46bd2a? s=60&d=retro&r=g) ### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-23301/)󠁿 [thodorisit](https://profiles.wordpress.org/thodorisit/) 2019-يىلى 11-ئۆكتەبىر A must-have plugin for adding external libraries and custom css or js code in the website, awesome work! [ 3 باھالاشنىڭ ھەممىنى ئوقۇش ](https://wordpress.org/support/plugin/easy-custom-code/reviews/) ## تۆھپىكار ۋە ئىجادكار «Easy Custom Code (LESS/CSS/JS) – Live Editing» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە قوشقان. تۆھپىكار * [ Yiannis Christodoulou ](https://profiles.wordpress.org/yiannistaos/) [«Easy Custom Code (LESS/CSS/JS) – Live Editing» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/easy-custom-code) ### ئىجادىيەتكە قىزىقامسىز؟ [كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/easy-custom-code/)، [SVN خەزىنە](https://plugins.svn.wordpress.org/easy-custom-code/) تەكشۈرۈپ ياكى [RSS](https://plugins.trac.wordpress.org/log/easy-custom-code/?limit=100&mode=stop_on_copy&format=rss) ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/easy-custom-code/) گە مۇشتەرى بولغىلى بولىدۇ. ## ئۆزگىرىش خاتىرىسى #### 31-Jan-2025 : v1.1.2 * Full compatibility with WordPress 6.7.x. #### 27-Nov-2024 : v1.1.1 * **Bug Fix:** HTML entities (e.g., `>`, `<`) are now properly decoded. * Minor fixes and performance improvements. #### 12-Aug-2024 : v1.1.0 * **Bug Fix:** LESS syntax errors for `&:focus` and `&:hover` resolved. #### 19-Jul-2024 : v1.0.9 * Full compatibility with WordPress 6.6.x. * LESS CSS compiler updated to v0.8.0. * Minor fixes and improvements. #### 18-Apr-2024 : v1.0.8 * Full compatibility with WordPress 6.5.x. * Minor fixes and improvements. #### 23-Oct-2023 : v1.0.7 * Full compatibility with WordPress 6.3.x. * Minor fixes and improvements. #### 07-Jun-2023 : v1.0.6 * **Compatibility:** Fully compatible with WordPress 6.2. * Minor fixes and improvements. #### 14-Jun-2022 : v1.0.5 * **Compatibility:** Fully compatible with WordPress 6.0. * Minor fixes and improvements. #### 11-Feb-2022 : v1.0.4 * **Compatibility:** Fully compatible with WordPress 5.9. * Minor fixes and improvements. #### 28-Jul-2021 : v1.0.3 * **Compatibility:** Fully compatible with WordPress 5.8. * Minor fixes and improvements. #### 09-Apr-2021 : v1.0.2 * **Compatibility:** Fully compatible with WordPress 5.7. * Minor fixes and improvements. #### 16-Oct-2019 : v1.0.1 * **New Feature:** Add custom code in the head tag. * **New Feature:** Add custom code right after the body tag opens. * **New Feature:** Add custom code before the closing body tag. * **Improvement:** Unique CSS and JS file names for better cache handling. * **Improvement:** Removed the manual CSS file name option; now, files are generated dynamically. * **Improvement:** Enhanced language file (.pot) with additional strings. #### 08-Oct-2019 : v1.0.0 * Initial beta release. ## Meta * Version **1.1.2** * ئاخىرقى يېڭىلانغان ۋاقىت **1 يىل بۇرۇن** * ئاكتىپ ئورنىتىش سانى **100+** * WordPress نەشرى ** 5.3 ياكى يۇقىرى ** * **6.7.5** دا سىنالغان * PHP نەشرى ** 7.3 ياكى يۇقىرى ** * تىل * [English (US)](https://wordpress.org/plugins/easy-custom-code/) * بەلگە * [css](https://ug.wordpress.org/plugins/tags/css/)[javascript](https://ug.wordpress.org/plugins/tags/javascript/) [JS](https://ug.wordpress.org/plugins/tags/js/)[less](https://ug.wordpress.org/plugins/tags/less/) [styling](https://ug.wordpress.org/plugins/tags/styling/) * [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/easy-custom-code/advanced/) ## دەرىجە 5/5 يۇلتۇز * [ 3 5-star reviews ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/easy-custom-code/reviews/#new-post) [بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/easy-custom-code/reviews/) ## تۆھپىكار * [ Yiannis Christodoulou ](https://profiles.wordpress.org/yiannistaos/) ## قوللاش چۈشەندۈرۈشىڭىز بارمۇ؟ ياردەم لازىممۇ؟ [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/easy-custom-code/) ## ئىئانە بۇ قىستۇرمىنىڭ ياخشىلىنىشىنى قوللامسىز؟ [ بۇ قىستۇرمىغا ئىئانە قىلىش ](https://www.paypal.me/web357)