学做网站培训课程介绍

当前位置:

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淘客模板 图文教程 (112746 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 插件介绍在网站中插入幻灯片可以让网站更加绚丽,例如学做网站论坛首页顶部左侧就是一个幻灯片,这种方式是直接借助js文件,然后嵌入到网站主题中的.
  • 什么是html代码HTML(Hyper Text Mark-up Language )即超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出。只要使用鼠标在某一文档中点
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • html 标签有哪些特点刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形
  • 对于像学做网站论坛这样一个以网站技术交流的网站来说,时常会在网页中书写一些HTML代码,这样用户浏览到这些内容的时候就会意识到这些内容是分享的代
  • 插件介绍wordpress代码高亮插件WP-CodeBox提供干净的语法高亮和Ajax技术先进或职位的源代码在页面嵌入特征。它支持流行的语言突出显示行数,代
  • 什么是插件 视频教程 (1180897 次浏览)
    什么是插件插件实际上就是一个小程序,或者小软件。我们以后建网站时,会使用到建站程序,但建站程序不可能满足所有需要的功能,这时就可