1.如何在WordPress文章中插入代码

无论你是为WordPress写插件或hack，还是添加有关WordPress的代码片段或其他如HTML,CSS,PHP或javascript的编程代码，如何让插入于日志中的代码有其形而不发生作用对写博客的用户来说是常常遇到的拦路虎。

默认情况下，WordPress会将<和>自动转换为<和>，在发表后看起来就是<和>。如果它发现日志中使用了HTML标签，就会将其当作HTML标签来使用，结果你的文本看起来就很怪异，布局也会弄得一团糟。

网页中代码的使用有两个方面。在段落中使用代码表示正在讨论该段代码，然后是被高亮显示的代码。

段落中的代码有两种HTML标签可以将文本转为等宽样式，即< code="">和< tt="">。而后者现今已基本不使用了，取代它的是用处更大且更富语法意义的< code="">，它能将计算机代码类的文本与一般语言分辨开来。

此为用于某段落内的代码示例 用以描述WordPress中的< code="">index.php, < code="">sidebar.php及< code="">header.php 模板文件。如果你希望在文字周围使用标签以使它们看起来如代码一般，此方法就很有用，但如果你想展示如HTML的标签的话该如何是好呢？在< code="">header.php模板文件中， 查找< code="">< div="" class="header"> 部分以修改< code="">< h1="">标题栏。

使用< code="">标签是无法告知WordPress将HTML参考从日志中分离开的。它会看到< code="">标签，然后看到div，因此它就会在网页中新建一个容器作为应答。

WordPress会认为你实际上是在使用HTML标 签，不小心使用h1这样的标签就能搞砸整个网页布局和设计初衷。若要让WordPress将此识别为段落中的代码的话，可以使用字符实体或扩展字符来表示其前后的左右箭头。

在< code="">header.php模板文件中， 查找< code=""> 部分以修改

标题栏。默认情况下，WordPress会将任何以代码编辑器就会用自带的符号替换所有的实体。

因此，如果你使用" 来表示引号的话，它们会变为"，而当你保存的时候它们就会被转换掉。定制代码标签的风格默认情况下，使用< pre="">和< code="">会将文本显示为等宽样式的字体，并使用body标签的字。

2.如何在wordpress文章插入代码并高亮显示

一直以来在wordpress发布文章的时候不管代码的显示格式，都是按普通的文章本格式来发布的，但后来

发现这样的发布使得代码非常之不美观，又不方便阅读，这样对用户的体验非常不好，所以在网上找了

一些解决代码在文章中高亮显示的方法，经过几次的测试，觉得使用CodeColorer这个插件来实现比较方

便，而且高亮代码显示非常美观，下面给大家讲讲如何使用这个插件。

1、既然是用插件为实现的功能，那么第一件事就是安装这个插件了，详细的安装方法可以参照：

wordpress插件CodeColorer的下载与安装

2、安装好CodeColorer后在wordpress管理后台的设置里面有个CodeColorer选项，点击进去进行配置，

一般情况下只需要将“宽度”设置成您站点文章的宽度就行了。如果希望显示的高亮代码前面显示行号

的话，可以勾选一下格式化里的“显示行号”

3、在发表文章的时候先在可视化界面编辑好所有文字内容，然后切换到文本界面，在文本界面找到你需要添加高亮代码的地方插入以下标签：，在标签之间插入您需要显示的代码，然后保存文章就可以了。当然您也可以开启CodeColorer的可视化插入代码功能，只需要修改插件目录下的codecolorer.php 文件即可。下面是需要修改的代码，只需要将代码前面的//注释符去掉就可以了。

3.如何利用wordpress插件在文章中插入高亮代码

1、既然是用插件为实现的功能，那么第一件事就是安装这个插件了 2、安装好CodeColorer后在wordpress管理后台的设置里面有个CodeColorer选项，点击进去进行配置， 一般情况下只需要将“宽度”设置成您站点文章的宽度就行了。

如果希望显示的高亮代码前面显示行号 的话，可以勾选一下格式化里的“显示行号”。 3、在发表文章的时候先在可视化界面编辑好所有文字内容，然后切换到文本界面，在文本界面找到你需要添加高亮代码的地方插入以下标签： ，在 标签之间插入您需要显示的代码，然后保存文章就可以了。

当然您也可以开启CodeColorer的可视化插入代码功能，只需要修改插件目录下的codecolorer.php 文件即可。下面是需要修改的代码，只需要将代码前面的//注释符去掉就可以了。

4.如何在wordpress文章插入代码并高亮显示

一直以来在wordpress发布文章的时候不管代码的显示格式，都是按普通的文章本格式来发布的，但后来发现这样的发布使得代码非常之不美观，又不方便阅读，这样对用户的体验非常不好，所以在网上找了一些解决代码在文章中高亮显示的方法，经过几次的测试，觉得使用CodeColorer这个插件来实现比较方便，而且高亮代码显示非常美观，下面给大家讲讲如何使用这个插件。

1、既然是用插件为实现的功能，那么第一件事就是安装这个插件了，详细的安装方法可以参照：wordpress插件CodeColorer的下载与安装2、安装好CodeColorer后在wordpress管理后台的设置里面有个CodeColorer选项，点击进去进行配置，一般情况下只需要将“宽度”设置成您站点文章的宽度就行了。如果希望显示的高亮代码前面显示行号的话，可以勾选一下格式化里的“显示行号”3、在发表文章的时候先在可视化界面编辑好所有文字内容，然后切换到文本界面，在文本界面找到你需要添加高亮代码的地方插入以下标签： ，在 标签之间插入您需要显示的代码，然后保存文章就可以了。

当然您也可以开启CodeColorer的可视化插入代码功能，只需要修改插件目录下的codecolorer.php 文件即可。下面是需要修改的代码，只需要将代码前面的//注释符去掉就可以了。

转载请注明出处51数据库 » wordpress文章中插入代码