Title: Light Code Block
Author: Pavel
Published: 2025年6月17日
Last modified: 2025年12月27日
---
搜尋外掛
# Light Code Block
由[Pavel](https://profiles.wordpress.org/plance/)
[下載](https://downloads.wordpress.org/plugin/light-code-block.1.0.2.zip)
* [詳情](https://zh-hk.wordpress.org/plugins/light-code-block/#description)
* [評價](https://zh-hk.wordpress.org/plugins/light-code-block/#reviews)
* [安裝](https://zh-hk.wordpress.org/plugins/light-code-block/#installation)
* [開發](https://zh-hk.wordpress.org/plugins/light-code-block/#developers)
[支援](https://wordpress.org/support/plugin/light-code-block/)
## 描述
The “Light Code Block” plugin is a simple and lightweight solution for inserting
and displaying code snippets in posts and pages.
It works by adding a custom “LC”
button to the TinyMCE (Classic) editor or a code block in the Gutenberg editor.
The inserted code will be shown on the front end in a clean, readable format.
### Usage
* Install and activate the plugin.
* Go to the post or page edit screen.
* In the TinyMCE (Classic) editor, click the **“LC”** button in the toolbar.
* In the popup window that opens, paste or write your code, and click **OK**.
* Save or update your post.
The code will be saved inside a special block and displayed on the front end within
a `` tag with the class `mce-simple-code-block` (i.e., `...
`).
To insert code using the Gutenberg editor, you first need to add a Classic (TinyMCE)
block, and then use it to insert your code.
## 螢幕截圖
* [[
* The “LC” button in the Classic editor toolbar.
* [[
* Popup window for inserting/editing code (Classic version).
* [[
* Popup window for inserting/editing code (Gutenberg version).
* [[
* Example of a rendered code block on the front end.
## 安裝
1. Install the “Light Code Block” plugin through the standard WordPress plugin installer.
2. Or unzip and upload the “light-code-block” folder to the `/wp-content/plugins/`
directory.
3. Activate the plugin through the ‘Plugins’ menu in WordPress.
## 評價
There are no reviews for this plugin.
## 貢獻者及開發者
“Light Code Block” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。
貢獻者
* [ Pavel ](https://profiles.wordpress.org/plance/)
Light Code Block 外掛目前已有 1 個本地化語言版本。 感謝[所有譯者](https://translate.wordpress.org/projects/wp-plugins/light-code-block/contributors)
為這個外掛做出的貢獻。
[將 Light Code Block 外掛本地化為台灣繁體中文版。](https://translate.wordpress.org/projects/wp-plugins/light-code-block)
### 對開發相關資訊感興趣？
任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/light-code-block/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/light-code-block/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/light-code-block/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/light-code-block/)。
## 修改日誌
#### 1.0.2
* Tested up to WordPress 6.9
#### 1.0.1
* For backward compatibility, the class “mce-simple-block-code” has been added.
#### 1.0.0
* Init release.
## 其它
* Version **1.0.2**
* Last updated **5 個月之前**
* Active installations **少於10**
* WordPress version ** 6.0 or higher **
* Tested up to **6.9.4**
* Languages
* [English (US)](https://wordpress.org/plugins/light-code-block/) 及 [Russian](https://ru.wordpress.org/plugins/light-code-block/).
* [翻譯成你的語言](https://translate.wordpress.org/projects/wp-plugins/light-code-block)
* Tags
* [code](https://zh-hk.wordpress.org/plugins/tags/code/)[editor](https://zh-hk.wordpress.org/plugins/tags/editor/)
[source](https://zh-hk.wordpress.org/plugins/tags/source/)[sourcecode](https://zh-hk.wordpress.org/plugins/tags/sourcecode/)
[syntax highlighting](https://zh-hk.wordpress.org/plugins/tags/syntax-highlighting/)
* [進階顯示](https://zh-hk.wordpress.org/plugins/light-code-block/advanced/)
## 評分
No reviews have been submitted yet.
[Your review](https://wordpress.org/support/plugin/light-code-block/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/light-code-block/reviews/)
## 貢獻者
* [ Pavel ](https://profiles.wordpress.org/plance/)
## 支援
有話想說？需要協助？
[檢視支援論壇](https://wordpress.org/support/plugin/light-code-block/)