前言介紹
- 這款 WordPress 外掛「Light Code Block」是 2025-06-16 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-12-27，距離現在已有 60 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
plance |
外掛標籤
code | editor | source | sourcecode | syntax highlighting |
內容簡介
### 摘要：
外掛"Light Code Block"是一個在文章和頁面中插入和顯示程式碼片段的簡單又輕量級解決方案。它透過在TinyMCE（經典）編輯器中添加自定義“LC”按鈕或在古騰堡編輯器中添加程式碼區塊來運作。插入的程式碼將以整潔易讀的格式顯示在前端。
### 問題與答案：
1. "Light Code Block"外掛的功能是什麼？
- 簡單且輕量級解決方案，用於在文章和頁面中插入和顯示程式碼片段。
2. 如何在TinyMCE（經典）編輯器中使用這個外掛？
- 安裝並啟用外掛後，在文章或頁面編輯畫面中，點擊工具列中的“LC”按鈕，接著在彈出窗口中貼上或輸入程式碼，最後按下確定即可。
3. 插入的程式碼會以什麼方式顯示在前端？
- 插入的程式碼將保存在一個特殊區塊內並以<pre>標籤顯示在前端，類別為mce-simple-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.各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Light Code Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | trunk |
延伸相關外掛（你可能也想知道）
SyntaxHighlighter Evolved 》現在支援 WordPress 5.0 中的新區塊編輯器！, SyntaxHighlighter Evolved 讓您可以輕鬆地在網站上張貼帶有語法加亮功能的程式碼，而不會失去格式或做任何手動...。
WooCommerce Hear About Us 》這個小插件可以讓您在結帳時向客戶詢問他們是從哪裡來的。您可以在 Google Analytics 中查看，但詢問一個問題：「您從哪裡聽說我們的？」，更容易（且更正確...。
Source Affix 》來源附註(Source Affix), 如果您希望在您的文章中添加來源鏈接，則此外掛正是適合您的。它添加了一個獨立的元框用於輸入來源文本。您可以將此功能用於任何文...。
Power Code Editor 》此外掛可以讓你在 WordPress 內建的原始碼編輯器中啟用語法高亮功能，讓你在僅能使用瀏覽器編輯你的佈景主題或外掛時，能夠更有效地進行編輯。支援 PHP、HTML...。
Source Medium Tracker for Contact Form 7 》總結：Contact Form 7 Source Medium Tracker 是一個 WordPress 外掛，能夠捕捉網站訪客的來源和媒介，並將這些資訊包含在透過 Contact Form 7 表單提交的內...。
SyntaxHighlighter Plus 》SyntaxHighlighter Plus 是一個 WordPress 的外掛程式，用於程式碼語法高亮顯示。它是原始的 SyntaxHighlighter（由 Matt、Viper007Bond 和 mdawaffe）的增強...。
Embed GitHub Gist 》這個專案可以在 GitHub 上進行 Fork:, , https://github.com/dflydev/embed-github-gist, , 嵌入GitHub Gists, 到 WordPress 中。提供文章和頁面的縮碼，還有...。
Image Source Overlay 》我們開發了一個外掛，這樣您就不必擔心侵犯版權法或不給圖片作者標註功成。, 此外掛會在圖片上添加一個小覆蓋層，顯示圖片來源和鏈接。, 功能, , 可以選擇四...。
Highlight Source Pro 》強大、靈活、符合 XHTML 規範的伺服器端程式碼高亮外掛，特別感謝 , Jay Pipes 和 GeSHi 的貢獻。, 特點, , 支援任何語言的程式碼高亮, 自動進行伺服器端處理...。
Quote Source 》在您的文章結尾引用文章來源。
Media to Imprint 》總結：Media to Imprint 是一個輕量級的 WordPress 外掛，透過在媒體項目中新增「來源」欄位，增強了你的媒體庫。填寫完成後，可使用 [media_sources_list] ...。
WP Source Control 》WP Source Control 是一個 WordPress 外掛，讓您可以對您的佈景主題目錄和文章/頁面進行版本控制。您甚至可以使用差異函數查看自最後提交以來佈景主題的更改...。
Tyxo 》使用此 WordPress 外掛輕鬆加入 Tyxo 計數器追蹤程式碼。, 您只需要在 Tyxo 外掛設定頁面（位於 [設定] 下）中添加您的 Tyxo ID 即可。。
Source View 》這個外掛可以輸出你指定的函數或類別的原始碼。, 這個外掛使用了 Syntaxhighlighter（http://alexgorbatchev.com/SyntaxHighlighter/）。。
Credits Shortcode 》Credits Shortcode 外掛程式允許在文章或頁面中新增「來源連結」或「經由連結」。可以直接新增短碼，或在 WordPress 編輯器視窗中使用按鈕新增。, [credits l...。