WordPress 代码
您想在 WordPress 博客文章中显示代码吗？如果您尝试像常规文本一样添加代码，那么 WordPress 将无法正确显示它。
您想在 WordPress 博客文章中显示代码吗？如果您尝试像常规文本一样添加代码，WordPress 将无法正确显示它。
每次保存帖子时，WordPress 都会通过多个清理过滤器运行您的内容。这些过滤器是为了确保有人不会通过帖子编辑器注入代码来攻击您的网站。
每次您保存帖子时，WordPress 都会通过多个清理过滤器运行您的内容。这些过滤器可确保没有人通过帖子编辑器注入代码来攻击您的网站。
在本文中，我们将向您展示在 WordPress 网站上轻松显示代码的正确方法。我们将向您展示不同的方法，您可以选择最适合您需求的一种。
在本文中，我们将向您展示在 WordPress 网站上轻松显示代码的正确方法。我们将向您展示不同的方法，您可以选择最适合您的一种。
方法1.使用WordPress中的默认编辑器显示代码 （Method 1. Display Code Using The Default Editor in WordPress）
建议初学者和不需要经常显示代码的用户使用此方法。
建议初学者和不需要频繁显示代码的用户使用此方法。
只需编辑要在其中显示代码的博客文章或页面即可。在帖子编辑屏幕上，向您的帖子添加新的代码块。
只需编辑您希望代码出现的博客文章或页面即可。在帖子编辑屏幕上，将新代码块添加到帖子中。
您现在可以在块的文本区域中输入代码片段。
您现在可以在块的文本区域中输入代码片段。
之后，您可以保存博客文章并预览它以查看正在运行的代码块。
之后，您可以保存博客文章并预览它以查看实际的代码块。
根据您的 WordPress 主题，代码块在您的网站上可能看起来有所不同。
根据您的 WordPress 主题，代码块在您网站上的外观可能有所不同。
方法2。使用插件在WordPress中显示代码 （Method 2. Display Code in WordPress Using a Plugin）
对于这种方法，我们将使用 WordPress 插件在您的博客文章中显示代码。建议经常在文章中显示代码的用户使用此方法。
对于此方法，我们将使用 WordPress 插件来显示博客文章中的代码。建议经常在文章中显示代码的用户使用此方法。
与默认代码块相比，它具有以下优点：
与默认代码块相比，它具有以下优点：
- It allows you to easily display any code in any programming language 它使您可以轻松地以任何编程语言显示任何代码
- It displays the code with syntax highlighting and line numbers 它显示带有语法突出显示和行号的代码
- Your users can easily study the code and copy it 您的用户可以轻松学习代码并将其复制
First, you need to install and activate the 语法荧光笔进化 plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.
首先，您需要安装并激活语法荧光笔进化插件。 有关更多详细信息，请参阅有关如何安装 WordPress 插件步指南。
激活后，您可以继续编辑要在其中显示代码的博客文章。在帖子编辑屏幕上，将“SyntaxHighlighter Code”块添加到您的帖子中。
激活后，您可以继续编辑要在其中显示代码的博客文章。在帖子编辑屏幕上，将“SyntaxHighlighter Code”块添加到您的帖子中。
现在，您将在帖子编辑器中看到一个新的代码块，您可以在其中输入代码。添加代码后，您需要从右栏中选择块设置。
现在，您将在帖子编辑器中看到一个新的代码块，您可以在其中输入代码。添加代码后，您需要从右栏中选择块设置。
首先，您需要选择代码的语言。之后，您可以关闭行号、提供首行号、突出显示所需的任何行，以及关闭使链接可单击的功能。
首先，您需要选择代码的语言。之后，您可以关闭行号，提供第一个行号，突出显示所需的任何行，然后关闭该功能以使链接可单击。
完成后，保存您的帖子并单击预览按钮以查看其实际效果。
完成后，保存您的帖子并单击“预览”按钮以查看其实际效果。
The plugin comes with a number of color schemes and themes. To change the color theme, you need to visit 设置 » 语法荧光笔 page.
该插件带有许多配色方案和主题。 要更改颜色主题，您需要访问设置»语法荧光笔页面。
在设置页面中，您可以选择颜色主题并更改 SyntaxHighlighter 设置。您可以保存设置以在页面底部查看代码块的预览。
在设置页面上，您可以选择颜色主题并更改 SyntaxHighlighter 设置。您可以保存设置以在页面底部查看代码块的预览。
将 SyntaxHighlighter 与经典编辑器结合使用
在经典编辑器中使用 SyntaxHighlighter
If you are still using the 旧的经典 WordPress 编辑器, then here is how you would use SyntaxHighlighter plugin to add code to your WordPress blog posts.
如果您仍在使用旧的经典 WordPress 编辑器 ，则可以使用SyntaxHighlighter插件将代码添加到WordPress博客文章中。
只需将代码和语言名称括在方括号中即可。例如，如果您要添加 PHP 代码，那么您将像这样添加：
只需将代码与语言名称括在方括号中即可。例如，如果您想添加 PHP 代码，您可以按如下方式添加：
[php]
<?php
private function get_time_tags() {
$time = get_the_time('d M, Y');
return $time;
}
?>
[/php]
[php]
<?php
private function get_time_tags() {
$time = get_the_time('d M, Y');
return $time;
}
?>
[/php]
同样，如果您想添加 HTML 代码，那么您可以将其包裹在 HTML 短代码中，如下所示：
同样，如果您想添加 HTML 代码，您可以将其包装在 HTML 短代码中，如下所示：
[html]
<a href="example.com">A sample link</a>
[/html]
[html]
<a href="example.com">A sample link</a>
[/html]
方法3。在WordPress中手动显示代码(无插件或阻止) （Method 3. Display Code in WordPress Manually (No Plugin or Block)）
此方法适用于高级用户，因为它需要更多工作并且并不总是按预期工作。
此方法适用于高级用户，因为它需要更多工作并且并不总是按预期工作。
它适合仍在使用旧的经典编辑器并希望在不使用插件的情况下显示代码的用户。
它适合仍在使用旧的经典编辑器并且无需使用插件即可显示代码的用户。
First, you need to pass your code through an online HTML 实体编码器 tool. It will change your code markup to HTML entities, which will allow you to add the code and bypass the WordPress cleanup filters.
首先，您需要通过在线HTML 实体编码器工具传递代码。 它将您的代码标记更改为HTML实体，这将使您可以添加代码并绕过WordPress清理过滤器。
Now copy and paste your code in the text editor and wrap it around <pre> and <code> tags.
现在，将代码复制并粘贴到文本编辑器中，并将其包装在<pre>和<code>标记周围。
你的代码看起来像这样：
您的代码如下所示：
<pre><code>
<p><a href="/home.html">This is a sample link</a></p>
</pre></code>
<pre><code>
<p><a href="/home.html">This is a sample link</a></p>
</pre></code>
您现在可以保存帖子并预览正在运行的代码。您的浏览器将转换 HTML 实体，用户将能够查看并复制正确的代码。
现在您可以保存帖子并预览正在运行的代码。您的浏览器将转换 HTML 实体，用户将能够查看和复制正确的代码。
We hope this article helped you learn how to easily display code on your WordPress site. You may also want to see our ultimate list of the 最想要的 WordPress 提示、技巧和技巧.
我们希望本文能帮助您学习如何轻松地在WordPress网站上显示代码。 您可能还想查看我们最受欢迎的 WordPress 提示、技巧和技巧最终列表。
If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.
如果您喜欢这篇文章，请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。
翻译自: https://www.wpbeginner.com/wp-tutorials/how-to-easily-display-code-on-your-wordpress-site/
WordPress 代码