You are here:  Home » PHP » 如何在WordPress网站上轻松显示代码

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

How to display code in WordPress blog posts

首先,您需要安装并激活Syntax Highlighter Evolved插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

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

Syntax Highlighter settings page

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

每个选项都有详细说明来解释它的作用。完成后,只需单击“保存更改”按钮即可存储设置。

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

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

[php]
< PHP
echoHello World”;
?>
[/ php]

它会在你的帖子中显示如下:

<?php
echo "Hello World";
?>

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

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

它将在您的网站显示如下:

.entry-title { 
font-family:"Open Sans", arial, sans-serif;
font-size:16px;
color:#272727; 
}

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

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

许多博客不运行开发博客,因此他们不需要经常在帖子中添加示例代码片段。在极少数情况下,您可以通过将代码编码为HTML实体来添加代码。像这样:

&amp; gt;?php echoHello World”;?&安培; LT;

将代码转换为HTML实体的问题在于难以手动执行。您可以使用此类在线工具将代码转换为HTML实体。

通过将PHP,HTML,JavaScript代码转换为HTML实体,您可以将它们粘贴到WordPress帖子中。对于其他样式,您可以在&lt; code&gt;之间包装代码。和&lt; / code&gt;标签。

我们希望本文能帮助您找到最适合WordPress的语法荧光笔插件。您可能还喜欢我们关于改进WordPress管理区域的13个插件和技巧的文章。

评论被关闭。