插件介绍
Crayon Syntax Highlighter是WordPress的一款代码高亮插件,功能非常全面,此次分享版本为全百科汉化版,各种代码的高亮都能够支持,而且代码高亮显示风格也有很多选择,功能上没得说。
插件演示
安装说明
1、安装
进入 WordPress 后台管理页面, 插件 > 安装插件 > 上传插件 ,上传刚才下载的 ZIP 文件,然后安装。
或者解压安装包,上传到插件目录 /wp-content/plugins/
2、启用
安装完毕后,在已经安装的插件里启用 “Crayon Syntax Highlighter”
使用方法
- 选择Crayon Syntax Highlighter插件,还有一个很重要的原因,就是这款插件的易用性做的非常好。插件安装启用之后,文章编辑工具条中会多出一个按钮,点击这个按钮,然后将代码粘贴到弹出的窗口内,再选择几个参数,就完成了一段代码的高亮插入。
- 点击这个类似于html代码元素符号边界的按钮,就可以看到插入代码的窗口。
插件设置
安装完Crayon后,可视化编辑第一行菜单最后一个是该插件的选项,你可以点击它,直接拷贝你想高亮的代码进入就可以了,效果如下图所示,可视化编辑,更方便了。
就是因为这个窗口,让代码插入文章变得简单轻松,各种参数可以随时调整,满足你个性化代码展示的需求。
其它很多实现代码高亮的方案,都是需要自己编写代码,或者使用<code>,或者使用<pre>再加一个class,这样的方案在易用性方面,都不如Crayon Syntax Highlighter插件的代码插入窗口来的简单。
下图是Crayon Syntax Highlighter插件的配置界面。这个配置界面的参数跟代码插入窗口一样,不一样的是,代码插入窗口的配置参数默认使用配置界面配好的,如果修改代码插入窗口的参数,仅对那一段代码生效,对别的地方的代码高亮不起作用。
配置界面有一个效果预览窗口,用于查看当前配置在页面的展示效果。
插件下载
文章目录插件介绍插件优势插件演示安装说明使用说明插件下载发表评论插件介绍 Pure-Highlightjs一个基于Highlightjs实现的WordPress代码高亮插件,此次分享的是全百科美化版,...
时间:2020/2/24 分类:WP模版 人气:1309 评论:6
我来试试!!!
应该有用,学习一下
看一看多少度