古腾堡代码区块高亮插件Code Syntax Block使用教程

WordPress大学最新发布的文章均采用古腾堡编辑器进行排版，对于我们这种以代码分享为主的教程网站而言，代码高亮显示功能对提升用户体验至关重要。尽管市面上存在众多兼容古腾堡编辑器的代码高亮插件，但真正能够完美适配古腾堡内置【代码】区块的插件却屈指可数，目前仅发现Code Syntax Block和Syntax-highlighting Code Block两款产品能够满足这一需求。

许多代码插件虽然能够添加自定义区块，但一旦禁用插件，已发布的文章可能会出现显示异常的问题。因此，倡萌始终将支持默认【代码】区块作为筛选高亮插件的首要标准，确保即使未来删除插件，已发布的代码内容依然能够正常显示。

倡萌最初选用Syntax-highlighting Code Block插件，但该插件存在不支持添加行号、高亮效果欠佳等缺陷。经过持续探索，我们最近发现了Code Syntax Block插件，它不仅完全兼容古腾堡的【代码】区块，还支持添加行号功能，高亮效果同样出色。该插件基于业界知名的Prism代码高亮库开发，具有以下显著优势：

古腾堡代码区块高亮插件Code Syntax Block使用教程

Code Syntax Block采用轻量级设计，体积小巧，同时支持196种编程语言，兼容IE9及以上版本浏览器以及Chrome、Firefox、Safari、Opera等主流浏览器，移动端浏览器同样适用。以下是该插件的详细使用指南：

1、在WordPress后台插件安装界面搜索Code Syntax Block进行在线安装，或访问官方发布网址下载插件，上传后进行安装。

2、启用插件后，在文章编辑界面插入【代码】区块，输入代码内容并选中该区块，左侧将显示设置选项面板。

古腾堡代码区块高亮插件Code Syntax Block使用教程

3、发布文章后，代码高亮效果将呈现如下所示：

代码高亮展示效果

Code Syntax Block 1.1版本新增了默认语言设置功能，例如以下代码将默认语言设置为PHP（因为我们发布教程时最常使用PHP代码）：

古腾堡代码区块高亮插件Code Syntax Block使用教程

“`php
function wpkj_code_syntax_default_lang(){
return ‘php’; //可修改为其他编程语言
}
add_filter( ‘mkaz_code_syntax_default_lang’, ‘wpkj_code_syntax_default_lang’ );
“`

该插件还提供以下实用功能：

– 支持设置特定代码行或范围高亮，便于对代码进行重点标注
– 可自定义代码行数初始值，默认从1开始递增，如需从21开始计数
– 倡萌已将上述功能需求反馈给作者，期待未来版本能够实现

通过这些功能，Code Syntax Block插件能够显著提升代码教程的展示效果，为读者提供更优质的阅读体验。

文章网址：https://www.wpbull.com/chajian/5701.html