随着古腾堡(Gutenberg)编辑器,也叫区块编辑器的不断普及WordPress这一年多以来,默认的编辑器都是使用区块编辑器。
部分用户渐渐地习惯了使用这种编辑器,但是很多时候,需要内容涉及到代码分享,需要用到代码高亮,来提醒用户。
真正适配古腾堡编辑器的代码高亮插件,这里推荐一款:Code Syntax Block。
很多代码高亮插件都是添加了自己的区块的,但是如果哪天禁用掉高亮插件后,可能会导致已发布的文章出现问题,所以,如果是支持古腾堡默认的【代码】区块,在默认的代码区块中做高亮设置,即使以后删除了高亮插件,已发布的代码也不会出现问题。Code Syntax Block就是一款在原有的【代码】区块当中添加高亮效果的插件。
插件安装
进入WordPress后台>插件>安装插件>搜索“Code Syntax Block”
之后点击【现在安装】,稍等片刻后点击【启用】。
如果网速不好,或者其他原因安装失败,可以到WordPress官网下载插件之后,手动上传到WordPress插件中:https://wordpress.org/plugins/code-syntax-block/
插件使用
【启用】插件之后,就可以直接使用了,不需要做任何的设置,直接选择发布文章或页面。
在文章的发布界面添加一个【代码】区块
之后插入代码,然后设置语言,代码标题等内容
这里主要设置代码的语言(不同的语言高亮演示不同)
效果展示
如果对于Code Syntax Block插件还有哪些不明白的,或者有更多使用技巧,可以在下方留言,会尽快回复并且在页面当中更新相关的内容。
文章标题:WordPress代码高亮插件:Code Syntax Block「古腾堡」,本文链接:https://www.siwihs.com/6393.html。未经允许,禁止转载。