前言介紹
- 這款 WordPress 外掛「Coding Blocks」是 2021-07-25 上架。
- 目前有 100 個安裝啟用數。
- 上一次更新是 2022-09-17,距離現在已有 960 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
外掛標籤
code | prettify | shortcode | programming | code snippet |
內容簡介
請注意,該外掛不會執行任何代碼於您的 WordPress 網站上!
該外掛使用的是 Google Prettify,它是一個開源的語法高亮庫。
為了讓外掛可以運作,會依賴以下第三方服務;
語法高亮 - 這是核心庫,可以讓您的程式碼按照您選擇的語言進行格式化。
顏色主題 - 這是可用於更改代碼片段外觀的顏色主題
可以在上述連結中找到使用條款和隱私政策。
使用方法
創建代碼片段
前往新片段頁面來創建新的代碼片段。
在頁面上,新增一個標題以表示新片段。
選擇您正在使用的語言。
在程式碼框中輸入代碼,完成後,點擊預覽。
點擊保存以保存程式碼片段。
注意:您的代碼片段將作為純文本編碼和存儲,以防止其執行
管理代碼片段
前往所有片段頁面以查看現有的代碼片段。
您可以點擊複製按鈕以複製片段的縮略語。
您可以點擊編輯按鈕編輯代碼片段。
您可以點擊刪除按鈕來刪除代碼片段。
編輯代碼片段
前往所有片段頁面以查看現有的代碼片段。
點擊編輯按鈕以導向您到編輯頁面。
在編輯頁面上,更改片段的標題。
更改您正在使用的語言。
修改程式碼框中的代碼,完成後,點擊更新。
嵌入代碼片段
前往所有片段頁面以查看現有的代碼片段。
點擊複製按鈕以複製片段的縮略語。
在您的任何 WordPress 文章中,放置複製的縮略語並保存文章。
預覽文章以查看嵌入的片段正確顯示在您想要的位置。
原文外掛簡介
PLEASE NOTE THAT THIS PLUGIN DOES NOT AND WILL NEVER EXECUTE ANY TYPE OF CODE ON YOUR WORDPRESS SITE!
This plugin uses Google Prettify which is an open-source syntax highlighting library.
This plugin relies on 3rd party services under the circumstances below;
Syntax highlighting – This is the core library that will make your snippets to be formatted according to your chosen language.
Color Themes – This is the color themes that can be used to change what your code snippets looks like
You can find the Terms of Use and privacy policy on the links above.
HOW TO USE
CREATE A NEW SNIPPET
Head Over to the New Snippet page to create a New Code Snippet.
On the page, add a title for the new snippet.
Select the Language you’re working with.
Type in the code in the code box and when you’re done, click on Preview.
Click on Save to save your code snippet.
NOTE: YOUR CODE SNIPPETS ARE ENCODED AND STORED AS PLAIN TEXT TO PREVENT ITS EXECUTION
MANAGE CODE SNIPPETS
Head Over to the All Snippets page to view existing code snippets.
You can click on the Copy button to copy the shortcode for the snippet.
You can click on the Edit button to edit a code snippet.
You can click on the Delete button to delete a code snippet.
EDIT CODE SNIPPET
Head Over to the All Snippets page to view existing code snippets.
Click on the Edit button to redirect you to the edit page.
On the Edit page, change the title for the snippet.
Change the Language you’re working with.
Modify the code in the code box and when you’re done, click on Update.
EMBED CODE SNIPPET
Head Over to the All Snippets page to view existing code snippets.
Click on the Copy button to copy the shortcode for the snippet.
In any of your wordpress posts, place the copied shortcode & save the post.
Preview the post to see the snippet embedded right where you want it.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Coding Blocks」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.2 | 1.0.4 | 1.0.5 | 1.0.6 | 1.1.0 |
延伸相關外掛(你可能也想知道)
Sunburst Code Prettify 》此外掛使用Sunburst主題,一個色彩繽紛且高對比度的暗色彩主題,使用Highlight.js來突顯您的程式碼語法。Highlight.js具有精確、快速、輕量和易於使用等特點...。
Showtime 》 Showtime外掛程式可讓您輕鬆管理並顯示旋轉節目表。它最初是為大學廣播電台建立的,但它可以用於任何每週重複的類型的時間表。, Showtime使用當前時間顯示您...。
Plum Code Box 》您是否曾經遇到在文章中無法正確格式化您的程式碼?或是保留空格的問題?, Plum Code Box使用Chili JavaScript語法高亮器,讓您輕鬆插入和管理程式碼區塊。該...。
Automation Rules 》自動化功能讓你能夠隨時建立新功能,並使用簡單的「規則」自動化外掛。, 使用「規則」來指定當某些事件發生時,網站上會發生什麼事。一個單獨的規則包含了一...。
Run This! 》這個外掛讓你的讀者可以直接在你的網誌上運行程式碼片段。, 只需在包含程式碼的 PRE 標籤中添加一個類別為 "run-this" 和一個語言屬性。, 語言屬性應該有以下...。
دکتر پیمان محمدپور 》這是工程師 Peyman Mohammadpour 開發的官方外掛,專為 WordPress 設計高品質的產品和服務。, 相依性, = PHP 擴展 =, * Phar, 支援, , WordPress 網站支援, 。
WP-TagMyCode 》WP-TagMyCode 插件可以讓您在 WordPress 的部落格上插入嵌入式 TagMyCode 程式碼片段。, 此外掛程式會插入一個 iframe,用來展示程式碼片段的內容。, 使用說...。
Simple App Changelogs 》這個外掛能夠在你的 WordPress 網站上展示相關專案的變更日誌,並帶有一些漂亮而簡單的動畫效果。這個功能非常有用,當你希望讓使用者知道每個版本的變更,或...。
root.abl.es Hacks 》Root.abl.es 是針對程式設計師、開發人員和系統管理員的專業社群。您可以在這裡得到有關您的駭客技巧的回饋,找到解答棘手問題並學習管理 Mac、Linux 或 Win ...。
RBCode 》RBCode 是一個用於 REALbasic 程式語言的語法高亮和格式化工具。使用者可以完全自定語法顏色,甚至可以選擇輸出行號或自動將關鍵字大寫化。此外,使用者可以...。
Possibly Related Recent Posts 》使用 the_content 上的篩選器來自動顯示可能相關的 GAF 專案列表。使用 GAF API 生成列表,不使用標籤。, 升級, , 從/wp-content/plugins/目錄中刪除以前的ma...。