WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解

WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解

WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解。

有很多技术类型的站长在使用WordPress建站的时候,代码高亮的功能是必不可少的了。zibll子比主题自带了了强大的代码高亮功能,支持多种代码语言,同时深度适配主题的日间、夜间显示模式,让整体代码高亮效果更加的美观、已读

特色简介

  1. 多种代码语言,几乎包含全部常用语言
  2. 自动识别代码语言,或者手动设置
  3. 多种显示主题,支持日间、夜间模式单独设置高亮主题
  4. 支持复制代码、新窗口打开等扩展功能
  5. 支持显示行号、单独高亮行号功能
  6. 文章中使用古腾堡模块化插入,使用简单、配置丰富
  7. 评论、私信均支持代码高亮显示

选项设置

我们可以进入主题设置->全局&功能->常用功能:设置代码高亮的默认参数及功能:

WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解
WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解

注意:这里设置的是全局的默认参数,在文章中添加代码高亮时候,可以针对每一个块进行单独设置

使用古腾堡块在文章中插入

在文章中插入代码高亮的功能就是十分简单了,使用古腾堡块【zibll 高亮代码模块】 粘贴代码后可在右侧设置相关参数

WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解
WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解
WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解
WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解

在评论中使用高亮代码

主题默认开启评论中插入代码高亮功能,如需关闭或者重新开启,请在主题设置->用户&互动->评论设置:设置是否开启代码高亮

WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解
WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解

在私信中使用高亮代码

主题默认开启私信中插入代码高亮功能,如需关闭或者重新开启,请在主题设置->用户&互动->消息通知:设置是否开启私信代码高亮

WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解
WordPress主题zibll子比主题使用古腾堡(Gutenberg)添加代码高亮教程,高亮代码功能详解
分享到 :
相关推荐