如何轻松地在您的WordPress网站上显示代码

你想在你的WordPress网站上显示代码吗? 默认情况下,WordPress会过滤掉添加到博客文章,页面,小部件或注释中的原始代码。 在本文中,我们将向您展示如何在您的WordPress网站上轻松显示代码。

如何在WordPress博客文章中显示代码

首先,您需要安装并激活Syntax Highlighter Evolved插件。 更多细节

激活后,您需要访问 设置»语法高亮 配置插件设置。

语法高亮显示器设置页面

默认的插件设置应该适用于大多数网站。 但是,您应该查看所有设置并在必要时进行更改。

每个选项都有详细的说明来解释它的功能。 一旦完成,只需点击保存更改按钮来存储您的设置。

语法Highlighter Evolved使用简单的简码显示代码。 对于每种编程语言,您都需要将代码封装在该语言的简码中。

对于PHP,你可以像这样包装你的代码:

[PHP]
回声“Hello World”;
?>
[/ PHP]

它会像这样出现在你的文章中:

对于CSS,你会像这样包装你的代码:

[CSS]
.entry-title {
font-family:“Open Sans”,arial,sans-serif;
字体大小:16px的;
颜色:#272727;
}
[/ CSS]

它会像这样出现在你的网站上:

.entry-title {
 font-family:“Open Sans”,arial,sans-serif;
 字体大小:16px的;
 颜色:#272727;
 } 

语法高亮将自动突出显示该特定语言的代码。 它也将添加行号并正确处理标签缩进。 您的用户将能够轻松地从您的WordPress网站复制和粘贴代码片段。

如何在不使用插件的情况下在WordPress中显示代码

许多博客不运行开发博客,所以他们不需要经常在其文章中添加示例代码片段。 在极少数情况下,您可以通过将代码编码为HTML实体来添加代码。 喜欢这个:

>?回声“Hello World”; ?

将代码转换为HTML实体的问题是手动难以做到。 您可以使用像这样的在线工具将代码转换为HTML实体。

通过将PHP,HTML,JavaScript代码转换为HTML实体,您可以将它们粘贴到您的WordPress文章中。 对于其他样式,您可以在两者之间打包代码 标签。

我们希望这篇文章能够帮助您找到最适合WordPress的高亮语法插件。 你也可以享受我们的文章大约13个插件和提示,以改善WordPress的管理区域。