最佳答案

要在WordPress中高亮显示代码并添加行号，可以使用插件或手动修改主题文件的方法。

方法一：使用插件

1. 在WordPress后台，点击“插件”>“添加新插件”，搜索并安装“SyntaxHighlighter Evolved”插件。

2. 安装激活后，通过“设置”>“SyntaxHighlighter”设置插件选项，根据需要调整语法高亮的样式、字体大小等设置。

3. 在文章编辑器中，使用“代码”块（Code）按钮将代码粘贴到文章中，选择正确的语言类型（例如PHP、JavaScript等）。

4. 在插入代码的标签上一行或下一行，添加`<pre class="line-numbers">`标签，不用添加结束标签`</pre>`。

5. 保存并预览文章，代码应该会高亮显示，并且自动添加了行号。

方法二：手动修改主题文件

1. 登录WordPress后台，点击“外观”>“编辑”，找到当前使用的主题文件。

2. 找到用于显示文章内容的文件，通常是single.php或content.php。

3. 在需要显示代码的地方，使用`<pre class="line-numbers">`标签将代码包裹起来。 4. 保存并预览文章，代码应该会高亮显示，并且自动添加了行号。 以上两种方法都能实现代码高亮并添加行号的效果，具体选择哪种方法取决于你的喜好和技术水平。如有需要，也可以参考相关插件的文档或主题的文档来更详细地进行配置。<h2>其他答案</h2> 要在WordPress中添加代码高亮和行号，你可以遵循以下步骤： 1. 安装并启用一个代码高亮插件。有很多可用的插件，其中一种常用选择是「SyntaxHighlighter Evolved」。在WordPress后台选择「插件」->「添加新插件」，搜索并安装 "SyntaxHighlighter Evolved" 插件。 2. 激活插件后，在文章编辑器中新增或编辑一篇文章，并切换到「文本」编辑模式。 3. 在你想要添加代码高亮的位置，使用 `<pre>` 和 `<code>` 标签包裹你的代码。例如：<pre class="brush:css;toolbar:false"> <pre><code class="language-css"> body { background-color: #f1f1f1; color: #333; } </code></pre>

注意：确保将你的代码放在 `<pre>` 和 `<code>` 标签之间，且添加适当的语言类别（例如 `language-css`）以实现正确的语法高亮效果。你可以根据你的代码类型选择不同的语言类别，如 `language-html`、`language-javascript` 等。

4. 保存变更并预览文章，你应该能够看到已添加行号的代码高亮效果。

希望这些步骤对您有所帮助！