Title: Easy Custom Code (LESS/CSS/JS) – Live Editing Author: Yiannis Christodoulou Published: 2019년 10월 11일 Last modified: 2025년 1월 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://ko.wordpress.org/plugins/easy-custom-code/#description) * [평가](https://ko.wordpress.org/plugins/easy-custom-code/#reviews) * [설치](https://ko.wordpress.org/plugins/easy-custom-code/#installation) * [개발](https://ko.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년 7월 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년 3월 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년 10월 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/)를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/easy-custom-code/)을 [RSS](https://plugins.trac.wordpress.org/log/easy-custom-code/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 #### 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. ## 기초 * 버전 **1.1.2** * 최근 업데이트: **1년 전** * 활성화된 설치 **100+** * 워드프레스 버전 ** 5.3 또는 그 이상 ** * 다음까지 시험됨: **6.7.5** * PHP 버전 ** 7.3 또는 그 이상 ** * 언어 * [English (US)](https://wordpress.org/plugins/easy-custom-code/) * 태그: * [css](https://ko.wordpress.org/plugins/tags/css/)[javascript](https://ko.wordpress.org/plugins/tags/javascript/) [JS](https://ko.wordpress.org/plugins/tags/js/)[less](https://ko.wordpress.org/plugins/tags/less/) [styling](https://ko.wordpress.org/plugins/tags/styling/) * [고급 보기](https://ko.wordpress.org/plugins/easy-custom-code/advanced/) ## 평점 별 5점 만점에 5점. * [ 3/5-별점 후기 ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=5) * [ 0/4-별점 후기 ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=4) * [ 0/3-별점 후기 ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=3) * [ 0/2-별점 후기 ](https://wordpress.org/support/plugin/easy-custom-code/reviews/?filter=2) * [ 0/1-별점 후기 ](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)