WordPress 块编辑器提供两种主要方式来在帖子或页面中显示 HTML。

第一个是使用内联代码格式化选项。

先把代码写在纸上。正如你可能注意到的，每行都会显示为一个独立的段落块——别担心，我们马上会教你如何修复：

现在，点击每个段落块（或行），从工具栏中选择“更多”图标。你应该会看到一个叫做“内联代码”的选项——点击它：

完成每行作后，选择整段代码，点击工具栏中的堆栈图标：

现在，这些HTML代码在前端可能呈现的样子如下：

如果你有大量代码，这种方法可能会比较耗时。事实上，我们只推荐短片段。

不过，你可以用代码块代替：

注意，这与自定义HTML模块不同。后者用于添加HTML代码，以在页面上显示特定元素（如小部件或照片）。

输入你想显示的代码：

如果你在设置面板中选择样式图标，可以更改文本和背景的颜色，并自定义排版：

直播帖上可能呈现的样子如下：

正如你所见，使用代码块可以是快速且轻松地在WordPress文章中展示HTML的方式！

相关文章:

• Botiga – 最快的WooCommerce主题
• 使用块编辑器添加html代玛
• OceanWP——高级定制免费主题
• 使用Auto Copyright Year Upd...
• WordPress 2025 中 10 个最佳...
• 什么是Akismet反垃圾邮件