wordpress代码高亮插件Code Block Pro怎么使用

请跟着这 3 步操作：

第一步：在文章中添加代码块

1. 进入 WordPress 后台，新建或编辑一篇文章。

2. 在正文的空白处，输入斜杠 / （这会唤起命令菜单）。

3. 输入 pro 或者 code。

4. 你会看到一个紫色图标的选项，通常叫 Code Block Pro，点击它。

(或者点击编辑器左上角的蓝色 + 号，搜索 “Code Block Pro” 并拖进去)

第二步：粘贴代码并美化

1. 粘贴代码：你会看到一个黑色的代码框，直接把你的代码粘贴进去。

2. 选择语言（关键）：

   • 点击代码块选中它。

   • 看右侧的 设置栏（Block Settings）。

   • 找到 Language 选项。如果你贴的是命令，选 Bash；如果是网页代码，选 HTML 或 PHP。选对语言，颜色才会漂亮。

3. 选择皮肤（Theme）：

   • 在右侧设置里找到 Theme。

   • 推荐选择 Dracula（很经典的黑底彩色）或者 Nord（冷淡风），看你喜欢哪个。

第三步：确认“复制按钮”

这个插件 默认开启 复制按钮。

• 你在编辑界面可能看不到那个按钮，或者只能看到一个图标。

• 点击右上角的“预览” (Preview)，在真实的网页里，你会发现代码块右上角多了一个 “Copy” 或者 复制图标。

⚠️ 如果你找不到这个块？

如果你按 / 没反应，或者找不到 Code Block Pro，可能是因为你在用 “经典编辑器” (Classic Editor)。

• 解决方法：这个插件是专门给新版 块编辑器 (Gutenberg) 用的。如果你必须用经典编辑器，你需要在经典编辑器的工具栏里找特定的按钮，体验会差很多。建议切换到新版编辑器使用。

快去发一篇文章试试效果吧！