前言介紹
- 這款 WordPress 外掛「CodeKit – Custom Codes Editor」是 2017-06-08 上架。
- 目前有 4000 個安裝啟用數。
- 上一次更新是 2025-03-24，距離現在已有 40 天。
- 外掛最低要求 WordPress 4.9.8 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 15 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
sass | codekit | custom css | custom scss | custom-functions |
內容簡介
使用 CodeKit 外掛，您可以在 WordPress 網站中加入自訂的 SASS、CSS、JS、PHP 和 HTML 代碼，並使用最先進且簡單的自訂程式碼編輯器。從未如此容易更改您的網站外觀和添加新功能。
透過 CodeKit 外掛，您可以為不同語言建立程式碼區塊，並像處理文章一樣將它們維護在不同的區塊中。憑藉我們整合的 IDE 強大功能，您可以使用語法突顯、Emmet 功能和自動完成來加入代碼。透過這些功能，您可以輕鬆地持續開發和部署程式碼。那麼，就像您最喜愛的程式碼編輯器一樣使用它吧。
CodeKit 是市場上最多功能、最靈活的自訂程式碼外掛之一。除了預設支援多種語言外，它還提供在不同 WordPress 鉤子中部署代碼的選項。核心 IDE 功能使您可以輕鬆地創建和維護不同的程式碼。
如果您想要：
- 在您的網站中加入 Google Analytics (GA) 代碼
- 在您的網站中加入 Google Tag Manager (GTM) 代碼
- 在您的網站中加入自訂 JavaScript 代碼
- 在您的網站中加入自訂 CSS 或 SCSS 代碼
- 更改您的網站整體風格
- 為不同的移動裝置客製化您的網站風格
- 在您的網站上加入靜態 HTML 區塊
- 在您的 functions.php 中添加新的 PHP 函數
- 遇到緊急情況時立即進行代碼更改
那麼，CodeKit 就是您所需要的。安裝僅需幾分鐘，開發和部署只需幾秒鐘。
CodeKit 專為初學者和專業使用者設計，它不僅可讓您新增簡單的程式碼區塊，還可幫助您進行開發或在緊急情況下部署代碼。
語言基礎功能：
CSS/SCSS/SASS
- 為特定頁面和文章添加自訂樣式
- 為特定裝置和解析度添加自訂樣式
- 電腦版風格
- 平板電腦（橫向）風格
- 平板電腦（直向）風格
- 手機（橫向）風格
- 手機（直向）風格
- Retina 顯示器風格
Javascript
- 為特定頁面和文章添加自訂 JavaScript
- 將自定 JavaScript 加入到 wp_head
- 在 wp_body 之後加入自訂 JavaScript
- 在 wp_body 之前加入自訂 JavaScript
HTML
- 將自訂 HTML 加入到 wp_head
- 在 wp_body 標籤之後加入自訂 HTML
- 在 wp_body 標籤之前加入自訂 HTML
PHP
- 直接將自訂 PHP 代碼添加到 functions.php 中
核心功能：
- 分離的標籤以保持整潔和可管理性
- 優秀的語法突顯
- 按下 Command + S 即可儲存
- 使用 Tab 鍵進行 Emmet 縮寫自動完成
- 支援選項卡、空格和行號，就像您的 IDE 一樣
- 編譯過程後顯示輸出結果
- 包含 4+ 個主題選項，包括暗色和亮色主題
- 調整字型大小和間距
- 使用 AJAX 儲存代碼，不需重新整理頁面
- 無縫版本控制，每次儲存均發佈快取驗證碼
- 儲存時播放通知音效
- 通過工具列存取所有代碼
- 全螢幕編輯器模式
- 快捷鍵（例如查找代碼和註解行）
Pro Version:
- 擴大您的編程能力
原文外掛簡介
Add custom SASS, CSS, JS, PHP and HTML codes to your WordPress websites with the most advanced, yet simple custom code editor ever. Changing the look of your website and adding new functions have never been easier.
By using CodeKit plugin, you can create code blocks for different languages and maintain them in separate blocks just like you do with your posts. With the power of our integrated IDE, you can add codes with syntax highlighting, emmet feature and autocomplete. The features also provide continuous development and urgent deployment of codes without effort. It is actually just like your favorite code editor.
Endless Possibilities
CodeKit is one of the most versatile and functional custom codes plugin in the market. It supports various languages as well as providing options to deploy your code in different WordPress hooks by default. The core IDE functions also provide a smooth transition from your code editor and allow you to create and maintain different codes with ease.
If you want to:
Add Google Analytics (GA) code to your website
Add Google Tag Manager (GTM) code to your website
Add custom JavaScript codes to your website
Add custom CSS or SCSS codes to your website
Change the overall style of your website
Customize the style of your website for different mobile devices
Add static HTML blocks on your website
Add new PHP functions in your functions.php
Implement instant code changes in case of an urgency
Then, CodeKit is just what you need. Install in a few minutes, develop and deploy in a few seconds.
Robust Code Editor
CodeKit is intended for novice as well as professional users, and it allows you to add simple code blocks alongside helping you with development or deployment in case of an urgency.
LANGUAGE BASED FEATURES:
CSS/SCSS/SASS
Add custom styles for specific pages and posts
Add custom styles for specific devices and resolutions
Styles for Desktop
Styles for Tablet (Landscape)
Styles for Tablet (Portrait)
Styles for Phone (Landscape)
Styles for Phone (Portrait)
Styles for Retina Displays
JavaScript
Add custom JavaScript for specific pages and posts
Add custom JavaScript to wp_head
Add custom JavaScript to after wp_body
Add custom JavaScript to before wp_body
HTML
Add custom HTML to wp_head
Add custom HTML to after wp_body tag
Add custom HTML to before wp_body tag
PHP
Add custom PHP codes directly to functions.php
CORE FEATURES:
Separated tabs to keep everything clean and manageable
Amazing syntax highlighting
Command + S to save
Emmet abbreviations autocomplete with Tab key
Supports tabs, spaces and line numbers just like your IDE
Shows output for you to see the code after the compilation process
4+ theme options including Dark Theme and Light Theme
Adjust font size and spaces
Save your code without refresh (with AJAX)
Cache-proof code release each time you save
Play notification sound when saved
Access all the codes through Toolbar
Full-Screen Editor mode
Shortcuts (such as Find Code and Comment Line)
Pro Version
Do you want to expand your coding capabilities through a plugin on WordPress? Pro version of Custom Code is now available which perfectly satisfies any level of users and developers.
Pro Features
LESS Editor
Stylus Editor
CoffeeScript Editor
PUG Editor
Editor Code Folding
Editor Code Hints
Custom Code Groups/Categories
Custom Code Includes
Advanced Code Release Locations
Simply install CodeKit and click the Upgrade > button where you can learn more about the latest Pro features and grab your license!
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「CodeKit – Custom Codes Editor」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。