[WordPress] 外掛分享: Live Custom CSS JS Code Editor

首頁外掛目錄 › Live Custom CSS JS Code Editor
WordPress 外掛 Live Custom CSS JS Code Editor 的封面圖片
400+
安裝啟用
★★★★★
5/5 分(3 則評價)
2196 天前
最後更新
問題解決
WordPress 3.4+ v1.0.5 上架:2016-11-13

內容簡介

此外掛允許您在WordPress網站上添加自訂全站CSS、JavaScript、頁首和頁尾代碼。這些更改可以通過WordPress Live Customizer快速顯示在您的網站上。

在WordPress儀表板中,請前往「自訂」>「即時代碼編輯器」開始使用。

當您更改或更新WordPress佈景主題時,您的自訂代碼不會受到影響。

版本1.0.5新增功能:
* 在WordPress管理儀表板中增加自訂CSS。
* 在WordPress管理儀表板中增加自訂JavaScript。

主要功能:

自訂CSS代碼
自訂JavaScript代碼
自訂頁頭代碼(位於<head>標籤中)(與Google Analytics和Facebook Pixel兼容)
自訂頁尾代碼(在結束</body>標籤之前,亦即wp_footer函式)
您可以立即在WordPress網站上查看變更的效果
內建語法代碼突出顯示器
16種配色方案(Monokai、Chrome、GitHub、Twilight、Dreamweaver、XCode、Eclipse等8種明、8種暗)
即時語法檢查(CSS、JavaScript、HTML)
語法突出顯示
自動換行
代碼折疊
多重游標和選擇
處理大型代碼塊(似乎有四百萬行的限制!)

特別感謝Justin Busa的啟發,他是Beaver Builder的開發人員。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.5) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Live Custom CSS JS Code Editor」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

This plugin allows you to add custom site-wide CSS, JavaScript, Header, Footer Code to your WordPress site. The changes appear instantly on your website with help of WordPress Live Customizer.

In your WordPress Dashboard, navigate to Customize > Live Code Editor to get started.
When you Change or Update your WordPress Theme, Your Custom Code isn’t effected from these changes.
NEW FEATURES as Version 1.0.5:
* Add Custom CSS to WordPress Admin dashboard.
* Add Custom JavaScript to WordPress Admin dashboard.
MAIN FEATURES:

Custom CSS code
Custom Javascript code
Custom Header Code (Inside tags)(Google Analytics and Facebook Pixel compatible.)
Custom Footer Code (Before closing tag aka wp_footer function)
See Your Changes Immediately on your WordPress Site
Built in Syntax Code Highlighter
16 Color Schemes (Monokai, Chrome, GitHub, Twilight, Dreamweaver, XCode, Eclipse etc. 8 Light, 8 Dark)
Live Syntax Checking (CSS, JavaScript, HTML)
Syntax Highlighting
Line wrapping
Code folding
Multiple cursors and selections
Handles huge code blocks (four million lines seems to be the limit!)

Special thanks to Justin Busa of Beaver Builder for the inspiration.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon