当前位置:网站首页>WP主题

wordpress D8主题实现代码高亮的简单方法

清风 发表在 WP主题 4年前 (2015-10-26) 6 832

大前端设计的D8主题内置了代码高亮功能,由于之前没留意,又去网上找了半天实现代码高亮的方法,最后分析D8主题代码时,才发现已经内置的代码高亮功能,好了,废话说完了,以下是操作步骤:

在写文章的时候需要用以下代码包含(需要显示行号的话增加class linenums):

<pre class="prettyprint linenums">这里添加要高亮的代码内容</pre>

以上就是介绍D8主题内置代码高亮的操作方法,下面顺便介绍一款貌似不错的wordpress代码高亮插件:WP-GeSHi-Highlight。该插件支持N多种语言高亮,在 WordPress后台插件安装界面搜索 WP-GeSHi-Highlight  即可在线安装,或者在这里下载 WP-GeSHi-Highlight,需要了解更多用法和帮助,请访问作者网站

WP-GeSHi-Highlight 代码书写格式

 <pre lang="html" line="1" escaped="true" >
//这里添加代码……
</pre>

其中,lang=”html”表示代码语言为html,请根据自己需要修改; line=”1″ 表示显示行号,如果不需要,去掉即可;escaped=”true” 是为了防止代码转义,如果不需要,去掉即可。

注意:在wordpress后台使用 WP-GeSHi-Highlight 等代码高亮插件,需要在html模式下添加代码,不要随意切换到可视化模式,否则代码就容易转义!!

6 条评论

加载中...
  1. 站长萌萌哒网友 2015-11-21 12:01    

    哥们,下面的底部主题链接的名称是:MrjuCn哈, 😀 网站做的不错,支持一个。

  2. ScottJu 2015-11-21 12:01    

    哥们,下面的底部主题链接的名称是:MrjuCn哈, 😀 网站做的不错,支持一个。

  3. 站长萌萌哒网友 2015-10-27 10:36    

    签到成功!签到时间:2015-10-27 10:35:59。每日打卡,生活更精彩哦~

  4. t一会好 2015-10-27 10:36    

    签到成功!签到时间:2015-10-27 10:35:59。每日打卡,生活更精彩哦~

  5. 站长萌萌哒网友 2015-10-26 15:10    

    您好,这是一条评论。
    要删除评论,请先登录,然后再查看这篇文章的评论。登录后您可以看到编辑或者删除评论的选项。

  6. WordPress先生 2015-10-26 15:10    

    您好,这是一条评论。
    要删除评论,请先登录,然后再查看这篇文章的评论。登录后您可以看到编辑或者删除评论的选项。

发表评论

您需要登录后才可以评论 登录 免费注册

反馈 返回

了解打赏留言

© 2014-2019 zzmmd.com All Rights Reserved.

备案号:渝ICP备15000884号-2

Powered By Wordpress