学做网站培训课程介绍

当前位置:

wordpress代码语法高亮插件syntaxhighlighter

对于像学做网站论坛这样一个以网站技术交流的网站来说,时常会在网页中书写一些HTML代码,这样用户浏览到这些内容的时候就会意识到这些内容是分享的代码元素。

但如果将代码直接写在页面上,程序会自动将它转化成与其它文字相同的效果,如果想让HTML代码显示出高亮的效果,就需要安装一个wordpress代码语法高亮插件---syntaxhighlighter。

效果预览

wordpress代码语法高亮插件syntaxhighlighter效果预览
插荐介绍
wordpress代码语法高亮插件---syntaxhighlighter是基于开源的js组件Alex Gorbatchev's SyntaxHighlighter实现的,而且放鼠标到代码区域,右上角还会显示复制代码、查看代码、打印代码等的功能键,而这也是其他插件所不具备的。

支持当前流行的各种编程语言:C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML。

wordpress代码插件安装步骤

  1.  下载wordpress代码语法高亮插件---syntaxhighlighter,下载地址:https://pan.baidu.com/s/1nt5JWI9 密码: n3j7
  2. 安装完插件后,可以对插件的相关选项进行设置,该插件可以实现SyntaxHighlighter的2.x和3.x版本之间进行切换,建议选择2.x版本。
    wordpress代码语法高亮插件安装
  3. 在需要插入代码的文章里用与代码相符的标签把代码包起来,例如需要插入css代码,则只需要用[/css]及其闭包把代码包围起来就行,在插件设置页面后面有一些简单的示例可以参考,如下图:
    wordpress代码语法高亮插件安装

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111435 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设
  • html 标签有哪些特点刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形
  • 对于像学做网站论坛这样一个以网站技术交流的网站来说,时常会在网页中书写一些HTML代码,这样用户浏览到这些内容的时候就会意识到这些内容是分享的代
  • 插件介绍wordpress代码高亮插件WP-CodeBox提供干净的语法高亮和Ajax技术先进或职位的源代码在页面嵌入特征。它支持流行的语言突出显示行数,代
  • 插件介绍在网站中插入幻灯片可以让网站更加绚丽,例如学做网站论坛首页顶部左侧就是一个幻灯片,这种方式是直接借助js文件,然后嵌入到网站主题中的.
  • 本节课所使用的插件下载地址:https://pan.baidu.com/s/1ZZRYToVc_lbfbCEesbAKFwwordpress程序建网站的强大之处在于它有成千上成万的程序插件,每一