可通过可视化编辑器的“文本”模式直接输入HTML；2. Gutenberg中使用“自定义HTML”区块插入代码；3. 小工具区域添加HTML用于侧边栏或页脚；4. 高级用户可修改主题文件手动添加，推荐普通用户使用区块或小工具方式安全操作。
在使用CMS系统（如WordPress）时，添加HTML内容是常见需求，比如插入自定义代码、嵌入第三方工具或优化页面布局。以下介绍几种常用方法，帮助你在不同场景下安全有效地添加HTML内容。
1. 使用可视化编辑器的“文本”模式
大多数CMS默认提供可视化编辑器（如WordPress的经典编辑器或Gutenberg中的“经典区块”）。切换到文本模式即可直接输入HTML代码。
- 在文章或页面编辑界面，找到“可视化”和“文本”两个选项卡
- 点击“文本”选项卡，进入纯HTML编辑模式
- 在此粘贴或编写HTML代码，例如zuojiankuohaophpcndiv><p>自定义内容</p></div>
- 保存后预览效果
2. 在Gutenberg块编辑器中插入HTML
WordPress新版编辑器支持通过专用区块插入HTML代码。
- 点击“+”添加区块，搜索“自定义HTML”
- 选择“自定义HTML”区块
- 在框内输入合法HTML代码
- 注意：部分JavaScript可能被过滤，仅支持安全的HTML标签
3. 使用小工具添加HTML到侧边栏或页脚
适用于在网站边栏、页脚等区域插入代码片段，如统计代码、广告或社交媒体插件。
立即学习“前端免费学习笔记（深入）”；
- 进入后台“外观”→“小工具”
- 拖拽“自定义HTML”小工具到指定区域
- 输入HTML内容并保存
- 刷新前端查看是否生效
4. 通过主题文件手动添加（高级用户）
若需在模板特定位置插入HTML（如头部、底部或文章上方），可修改主题文件。
- 进入“外观”→“主题编辑器”
- 选择需要修改的模板文件，如header.php或single.php
- 在合适位置插入HTML代码
- 注意：建议先备份文件，或使用子主题避免更新覆盖
基本上就这些方法。根据实际需求选择合适的方式，普通用户推荐使用“自定义HTML”区块或小工具，既安全又方便。只要HTML语法正确，基本都能正常显示。
