WordPress 代码高亮插件 io code highlight

WordPress 代码高亮插件 io code highlight

WordPress 代码高亮插件,支持经典编辑器和古腾堡代码块,这插件是作者一为捣鼓 webstack 导航主题整的,本来是集成到主题里的,后来单独做成插件

icon_lol

分享一下,是 prism.js 的方案。

使用

经典编辑器,没什么好说的,看下图

古腾堡区块编辑器,看图。

安装

  • 上传 io-code-highlight目录 到 /wp-content/plugins/ 目录
  • 激活插件,没有设置项,激活就能用。

效果

默认是白色的,如果要黑色,请加入下面的css代码,以后再加设置

.ioch-code-highlight{background-color:#151619;border:0}
:not(pre) > code[class*="language-"],.io-black-mode pre[class*="language-"]{background-color:rgba(0,0,0,.15)}
.ioch-code-highlight .io-btn-copy{border:1px solid rgba(255,255,255,.5)}

 

移动端html5抽奖
2020-04-15 下一篇

请务必线上支付,通过线下支付的出现任何问题平台均不担保!

相关推荐

在WordPress媒体库中创建文件夹

在WordPress媒体库中创建文件夹下面由WordPress教程栏目给大家介绍如何...

【预售】全新首发ripro新款子主题,更新中!

预计更新美化部分:首页大面积美化,轮播,分类滑块,封面图效果,优惠卷模块,会员引导,...

AMP – POPUP(WordPress弹出广告插件) – V1.1

WordPress中AMP的弹出功能。最简单,也是在AMP中加入Pop-Up的最佳方...

AMP插件 – 行动呼吁(CTA)活动号召插件 – V1.9.1

相关链接:插件官网插件截图:号召性用语(也称为CTA)可帮助您在AMP中向访问者提供...

发表评论

登录... 后才能评论