[WordPress] 外掛分享： Highlighting Code Block

WordPress 外掛 Highlighting Code Block 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Highlighting Code Block」是 2018-12-11 上架。
  • 目前有 20000 個安裝啟用數。
  • 上一次更新是 2023-11-12，距離現在已有 538 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 5.6 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 21 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 0%

外掛協作開發者

looswebstudio |

外掛標籤

code | block | editor | syntax | Guternberg |

內容簡介

「Highlighting Code Block」外掛可讓你以一個點擊的方式添加一個有語法突顯的程式碼區塊。

它支援「區塊編輯器」和「傳統編輯器」。
（不過，我們建議在「區塊編輯器」中使用它。）

請查看此頁面以獲取本外掛的詳細介紹。（日文文章）

如何使用（對於區塊編輯器）

打開 Block Inserter 的「格式」分類。
有一個名為「Highlighing Code Block」的自定義區塊。
選擇它，區塊就會被插入。
選擇代碼的語言，並輸入任何代碼。

如何使用（對於傳統編輯器）

你應該會在工具列上看到一個標記為「Code Block」的選擇框（預設是第二行）。
當你從選擇框中選擇一種語言時，就會插入一個代碼塊（pre 標籤）。

如果它不能使用

本外掛僅支援 PHP 5.6或更高版本，WordPress 5.6或更高版本。
請檢查您的 PHP 版本或 WordPress 版本。

關於設置

「[HCB] 設置」選單應該要添加到管理畫面左邊的「設置」中。
此外掛的相關設置在此菜單中設置。

原文外掛簡介

“Highlighting Code Block” allows you to add a syntax-highlighted code block with just a click.
It supports both “Block Editor” and “Classic Editor”.
(However, we recommend using it in the “Block Editor”.)
Please see the following page for a detailed explanation of this plugin.
URL: https://loos.co.jp/en/documents/highlighting-code-block/
Source code
The source code of this plugin is available on Github.
URL: https://github.com/ddryo/Highlighting-Code-Block
How to use
How to use （For Block Editor）

Open the “Formatting” category of the Block Inserter.
There is a custom block named “Highlighing Code Block”.
Select it, the block will be inserted.
Select the language of the code and enter any code.

How to use （For Classic Editor）

You should see a select box labeled “Code Block” on the toolbar (2nd row by default).
When you select a language from the select box, a code block (pre tag) is inserted.

If it doesn’t work
This plugin works only with PHP version 5.6 or later, WordPress 5.6 or later.
Please check your PHP version or WordPress version.
About settings
The menu “[HCB] Settings” should be added to “Settings” in the left menu of the management screen.
Settings related to this plugin are set in this menu.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Highlighting Code Block」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | 1.2.7 | 1.2.8 | 1.2.9 | 1.3.0 | 1.4.0 | 1.4.1 | 1.5.0 | 1.5.1 | 1.5.2 | 1.5.3 | 1.5.4 | 1.5.5 | 1.6.0 | 1.6.1 | 1.7.0 | 2.0.0 | 2.0.1 | trunk |

延伸相關外掛（你可能也想知道）

  • Elementor Website Builder – More Than Just a Page Builder 》, 全球超過 1000 萬個網站的領先網站建立平台, Elementor 是專為 WordPress 設計的領先網站建立平台，使網站製作者能夠使用直覺式的視覺建立工具建立專業、像...。
  • Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式，可還原之前（也就是「經典」）的 WordPress 編輯器和「編輯文章」畫面，使使用者可以使用延伸這個畫...。
  • Advanced Editor Tools 》高級編輯工具（以前稱為 TinyMCE Advanced）引入了一個「經典段落」區塊，供區塊編輯器（Gutenberg）使用。, 如果您還沒有準備好切換到區塊編輯器，或者有插...。
  • Classic Widgets 》Classic Widgets 是由 WordPress 團隊維護的官方外掛，能夠恢復先前（即「經典」）的 WordPress widgets 設定畫面。該外掛將於 2024 年或必要時保持支援和維...。
  • Spectra Gutenberg Blocks – Website Builder for the Block Editor 》a.com/tutorials/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Spectra tutorials, you can easily learn how to ...。
  • User Role Editor 》「User Role Editor」WordPress 外掛讓您輕鬆更改使用者角色和權限。, 只需打開您希望新增到所選角色的能力核取方塊，然後按「更新」按鈕以保存您的更改。完...。
  • Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器)，並以經典編輯器取代它。你可以完全禁用 Gutenberg，或從文章、頁面、角色、文章類型和主題模板中有...。
  • Gutenberg Blocks with AI by Kadence WP – Page Builder Features 》Kadence Blocks 是一個 WordPress 外掛，它附加自訂區塊和選項，擴展了 Gutenberg 編輯功能，使您能夠輕鬆創建美麗的網站，而不需要任何程式編寫。Kadence Bl...。
  • Page Builder: Pagelayer – Drag and Drop website builder 》. Pagelayer是一個WordPress網站建構工具，為您提供最佳的設計體驗和快速效能，不論您是初學者或專業人士都能愛上它。, Pagelayer是一款很棒的網頁建構工具，...。
  • Black Studio TinyMCE Widget 》此外掛添加了一個新的 Visual Editor 小工具類型，讓您能夠在側邊欄中輕鬆地插入豐富的文字和媒體對象。使用 Black Studio TinyMCE Widget 時，您將能夠使用W...。
  • Unyson 》, 您覺得這款外掛有幫助嗎？請考慮給它一個五星評價。, , Unyson - 一個免費的拖放框架，附帶許多內建的擴充功能，可以協助您輕鬆快速地開發高級主題。, 贊助...。
  • GenerateBlocks 》將不同的功能整合至編輯器，但並不會因為過多的一維方塊造成內容過於臃腫。使用 GenerateBlocks，您只需深入學習少量的方塊，即可用於創建任何內容。, Genera...。
  • Colibri Page Builder 》Colibri Page Builder 為 ColibriWP 佈景主題新增拖放式頁面建立功能。, 授權, 除非另有指定，所有佈景主題檔案和腳本皆採用 GNU 通用公眾授權證 (GNU Genera...。
  • AddQuicktag 》這個外掛讓在 HTML 和可視化編輯器中添加快捷標籤非常容易。您可以將您的快捷標籤匯出為可供其他插件版本匯入的 JSON 格式文件。, WordPress 的 WP-AddQuickt...。
  • Brizy – Page Builder 》, , Brizy 是一個快速且易於使用的頁面建構器，任何人都可以使用。不需要設計師或開發人員技能。一旦你使用 Brizy ，你就再也不會覺得有任何其它容易了!, 重...。

文章
Filter
Apply Filters
Close
Mastodon