前言介紹
- 這款 WordPress 外掛「WordPress Easy Custom Js And Css Plugin」是 2018-05-17 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2024-05-31，距離現在已有 338 天。
- 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
- 有 1 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
avirtum |
外掛標籤
custom js | custom css | development | custom codes | LESS & SCSS preprocessors |
內容簡介
這個外掛允許你分別添加自定義的 JavaScript 代碼、CSS 自定義樣式和 HTML 標記到你的 WordPress 網站上。通過強大的過濾器編輯器，你可以創建複雜的規則。當你想要將自定義代碼包含在特定的 URL、文章、頁面、設備、操作系統、瀏覽器上時，它們非常方便。此外，當你想在特定日期、時間、星期幾等情況下執行 js 或 css 時，也會非常有用。這是一個很好的主題和外掛程式自定義工具，也是為你的網站創建其他樣式和 js 代碼的完美解決方案。
這是官方的 Easy Custom JS and CSS – Extra Customization for WordPress 插件的 LITE 版本，它帶有支援並且沒有某些限制。
快速視頻演示
功能
代碼編輯器，具有語法高亮顯示
豐富的過濾器建立器，用於構建過濾器
基於過濾器包含自定義 css 和 js 代碼
使用內嵌嵌入方法或將代碼包含為外部文件
自定義 css 和 js 代碼可以在頁眉或頁腳區域內
在用戶端或管理員端或兩者都內部使用自定義 javascript 代碼和 css 樣式
縮小 JavaScript 代碼和 CSS 樣式以減小文件大小
支援 SCSS 和 LESS 預處理器
所有編輯器使用 AJAX 模式保存以避免重新加載
創建任意數量的代碼
用於更好的性能，代碼從文件系統提供服務，而不是從數據庫中提供
過濾器建立器可用的字段
服務器 – 請求 URI
WordPress – 文章、頁面、頁面範本
用戶 – 已登錄、用戶登錄、角色
系統 – 設備、操作系統、瀏覽器
日期和時間 – 日期、時間、分鐘、小時、日、星期幾、月份、年份
原文外掛簡介
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 Easy Custom JS and CSS – Extra Customization for WordPress plugin which comes with support and doesn’t have some limitations.
Quick Video Demo
Features
The code editor with syntax highlighting
The rich filter builder to construct filters
Include custom css and js code on the basis of a filter
Use inline embed method or include code as an external file
Custom css and js code can be in the header or footer area
Use custom javascript code and css styles inside the user or admin side or both
Minify JasaScript code and CSS styles to reduce file size
Support SCSS and LESS preprocessors
All editors use AJAX saving to avoid reloading
Create as many codes as you want
The code is served from the filesystem instead of the database for better performance
Filter Builder Available Fields
Server – Request URI
WordPress – Post, Page, Page Template
Users – Logged in, User login, Role
System – Device, OS, Browser
Date & Time – Date, Time, Minutes, Hours, Day, Day of Week, Month, Year
The developer version is available here.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「WordPress Easy Custom Js And Css Plugin」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Simple Custom CSS and JS 》這個 WordPress 外掛讓您可以輕鬆地新增自訂 CSS 和 JS 代碼，甚至不用修改主題或外掛檔案，就能客製化您的 WordPress 網站外觀。對於增加自訂 CSS 調整來說...。
Insert Headers And Footers 》WP Headers and Footers 外掛程式可以協助您在 WordPress 網站的頁首和頁尾中插入程式碼，例如 Google Analytics 追蹤碼、Facebook 像素碼、Google Optimize ...。
Simple Custom CSS Plugin 》無需麻煩地將自訂 CSS 新增到 WordPress 網站中。, 這是一個易於使用的 WordPress 外掛，可以添加自訂 CSS 樣式以覆寫外掛和佈景主題的預設樣式。該外掛旨在...。
Simple CSS 》需要在你的網站中添加自定義 CSS 嗎？Simple CSS 提供一個很棒的管理編輯器和 Customizer 中的即時預覽編輯器，讓你能夠輕鬆添加 CSS。, 想讓你的 CSS 僅應用...。
WP Add Custom CSS 》WP Add Custom CSS 外掛允許您在整個網站及個別文章、頁面和自訂文章類型（例如 Woocommerce 產品）中添加自訂的 CSS。, 對整個網站應用的 CSS 樣式將覆蓋您...。
WP Coder – Code Snippets + HTML, CSS, JS and PHP Injection 》WP Coder 是一個用於在網站添加自定義代碼的外掛程式。您可以輕鬆地將 HTML、CSS 和 JS 代碼添加到網站頁面中。此外掛程式非常適合連接各種腳本或樣式，使網...。
TJ Custom CSS 》這款外掛將在管理頁面啟用自定義 CSS 管理器，讓您可以添加自訂的 CSS 代碼到您的 WordPress 網站。它會自動覆蓋任何主題或外掛的預設樣式。如果您想要為您的...。
Custom CSS and JavaScript 》這款外掛可以讓您在 WordPress 網站中添加自訂全站 CSS 樣式和 JavaScript 代碼，有助於覆蓋佈景主題樣式和添加客戶端功能。功能包括：, , 代碼編輯器，帶有...。
Custom CSS Pro 》專業的即時 CSS 編輯器，適合那些想編寫 CSS 的使用者。, 主要功能, , 專業的 CSS 編輯器。, 即時預覽。, 簡潔易用的使用者介面。, 。
Custom CSS for Elementor 》Custom CSS for Elementor 是一個方便的工具，可以在桌面、平板電腦和行動裝置上為元素製作 CSS 代碼，可以協助您省去多次書寫媒體查詢等困擾。Custom CSS fo...。
CodeKit – Custom Codes Editor 》使用 CodeKit 外掛，您可以在 WordPress 網站中加入自訂的 SASS、CSS、JS、PHP 和 HTML 代碼，並使用最先進且簡單的自訂程式碼編輯器。從未如此容易更改您的...。
Instant CSS 》在 WordPress 中使用 Visual Studio Code 的威力寫你的 CSS 或 SCSS。, 該外掛使用 autoprefixer 將你的 CSS/SCSS 解析成可在舊版瀏覽器上運行的 CSS，不需要...。
AccessPress Custom CSS 》AccessPress Custom CSS是一個免費的WordPress外掛，可以讓您在網站上添加自己的自定義CSS，覆蓋插件和佈景主題的默認樣式表。使用此外掛，您可以在不編輯主...。
Insert Headers CSS and Insert Footers CSS, Custom CSS, Custom Script, Facebook Pixel, Google Tag Manager, Analytics, GA4, Ads 》使用 Skyboot Insert Headers CSS 和 Insert Footers CSS 外掛，您可以在頁首和頁尾標籤中插入自訂 CSS 和自訂 Javascript 代碼，例如 Facebook 像素代碼、Go...。
Custom Script Integration 》此外掛會在 WordPress 的預設頁面和文章中提供自訂的元資料框，讓你能在各自的頁面或文章中加入任何腳本，例如：, , Google AdWords 追蹤轉換, Google AdSens...。