您想在 WordPress 评论中添加语法突出显示吗?

默认情况下,WordPress 不附带任何评论、帖子或页面的语法突出显示。如果您在 WordPress 网站上撰写有关编码或编程的文章,这可能是一个大问题。

在本文中,我们将向您展示如何在 WordPress 评论中轻松添加语法突出显示。

为什么以及何时需要在 WordPress 评论中突出显示语法?

语法高亮是一种让代码看起来更好、更容易理解的方法。它将颜色和行号添加到代码片段中,使它们更具可读性。这是一个例子:

我很棒的网站

欢迎来到我的主页

由 WPCode 与 ❤️ 主办在 WordPress 中一键使用

如果您有一个关于 Web 开发或编码的 WordPress 博客,那么在 WordPress 评论中启用语法突出显示非常重要。这样,读者就可以轻松地以可读的方式编写代码。

这将鼓励他们讨论代码并在评论中分享他们自己的代码片段。它不仅使评论变得更有趣,而且还建立了社区参与感。

此外,如果您的读者需要帮助,他们可以轻松地将代码以一种视觉上有吸引力且易于其他评论者理解的方式插入评论中。

考虑到这一点,让我们看看如何在 WordPress 网站的评论表单中添加语法突出显示。

安装语法荧光笔进化插件

在 WordPress 中添加语法突出显示的最简单方法是使用语法突出显示进化插件。超级简单使用并允许您在 WordPress 帖子、页面和评论中启用语法突出显示。

在 WPBeginner 中,我们使用此插件来插入和显示代码片段。您可以阅读我们关于为何使用语法荧光笔 Evolved 的文章,了解更多详细信息。

首先,您需要安装并激活语法荧光笔进化插件。有关详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

完成后,现在可以编辑帖子或页面并使用语法突出显示添加代码。这是块编辑器中的样子:

您可以在我们有关如何在 WordPress 中显示代码的文章中了解有关使用语法荧光笔进化插件的更多信息。

如何在 WordPress 评论中使用语法突出显示

默认情况下,语法荧光笔进化允许访问者在评论中添加代码,但该代码需要用短代码包装。

这些短代码以所有的名称命名流行的编程和脚本语言。这意味着评论者只需将其代码括在包含语言名称的方括号中即可。

例如,如果您想发布包含 PHP 代码的评论,那么您可以使用以下内容:

大家好。我需要有关此 PHP 代码的帮助:[php]

[/php]

同样,如果您想发布一些 HTML 代码作为评论,那么您需要将其包装在 HTML 短代码中:

嘿!有人可以检查这个代码片段吗? [html]演示网站>/a>[/html]

现在,让这个问题变得棘手的是用户不知道他们实际上可以通过这些短代码使用语法突出显示。因此,您必须通过通知消息让他们知道。

添加 Syntax 在评论表单中突出显示通知

要告知评论者语法突出显示功能,您需要在评论表单上方添加一条通知消息,如下所示:

您可以通过向 WordPress 网站添加自定义代码片段来实现此目的。

如果您正在阅读本教程是因为您有一个编码博客,那么您很可能对编码感到非常满意。

即便如此,对于最高级的用户来说,跟踪所有代码片段仍然很困难。如果管理不当,您可能会遇到一些常见的 WordPress 错误或完全破坏您的网站。

这就是我们建议使用 WPCode 插入自定义代码段的原因。这是在 WordPress 中添加自定义代码的最简单、最安全的方法,而无需编辑任何核心 WordPress 文件。

注意:虽然可以使用 WPCode 的免费版本,但我们建议使用 WPCode 的专业版,因为它可以让您访问智能条件逻辑、访问 cl乌德琴代码片段库等等。

您需要做的第一件事是安装并激活 WPCode 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后,前往“代码片段”»“添加片段”。

在这里,您将看到可以添加到 WordPress 网站的所有现成片段。

由于我们要添加自己的代码段,因此请将鼠标悬停在“添加您的自定义代码”上,然后单击“使用代码段”。

首先,输入自定义代码片段的标题。这可以是任何可以帮助您识别代码片段的内容。

之后,打开“代码类型”下拉列表并选择“PHP 片段”。

现在,只需将以下代码片段粘贴到代码编辑器中即可:

函数 wpbeginner_comment_text_before($arg) {
// 添加自定义通知以告知用户使用短代码进行语法突出显示
$arg[‘comment_notes_before’] .= “

添加代码时可以使用短代码进行语法高亮。例如,或

“;

// 返回修改后的注释参数
返回$arg;
}

// 添加过滤器应用自定义评论修改功能
add_filter(‘comment_form_defaults’, ‘wpbeginner_comment_text_before’);

由 WPCode 与 ❤️ 主办

在 WordPress 中一键使用

之后,打开“位置”下拉列表并单击“到处运行”。

然后,您可以滚动到屏幕顶部并单击“非活动”切换按钮,将其更改为“活动”。

最后,单击“保存片段”以使片段生效。

此代码仅在 WordPress 评论表单中的评论字段上方显示一条通知。但是,登录帐户后您将看不到此文本,因此您需要打开一个新的浏览器窗口以隐身模式或注销您的帐户。

如果您想查看短代码是否真正有效,只需以隐身模式访问您的网站,评论博客文章,然后使用短代码即可。当评论经过审核和批准后,您应该看到如下内容:

我们希望本文能帮助您在 WordPress 评论中添加语法突出显示。您可能还想查看我们关于如何在 WordPress 中正确添加 JavaScript 和样式的指南,以及我们专家精选的适用于 Mac 和 Windows 的最佳代码编辑器。

如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。

By

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注