添加自定义 HTML

使用“自定义 HTML”区块添加 HTML 代码，并在编辑时实时预览。本指南将向您介绍如何使用此区块在您的网站中添加代码。

在您开始之前，请注意，“自定义 HTML”区块用于在单个页面或文章中添加原始 HTML 代码。它并不总是最合适的工具。如果您的目标符合以下任一情况，请参考下文链接的相关指南，其将会是更快捷的途径：

• 嵌入视频、地图、社交媒体文章或第三方服务（YouTube、Spotify、Instagram、Giphy、Pinterest 等众多平台）：请参阅“嵌入其他平台的内容”。“嵌入区块”适用于所有套餐，并且支持众多热门服务，而无需任何自定义代码。
• 收集联系信息详情、注册信息或反馈：请参阅“表单”区块。“表单”区块可在不使用 HTML 的情况下构建一个可正常运行的表单。
• 为您的站点添加 CSS 样式：请参阅“添加自定义 CSS”。
• 在您站点的页眉中添加代码（验证元数据标签、全站加载的第三方脚本）：请参阅“在页眉中添加代码”。

要添加“自定义 HTML”区块，请执行以下步骤：

1. 转到您站点的仪表盘，选择您要添加 HTML 的页面、文章或模板。
2. 点击“+ 区块插入器”图标，然后搜索“HTML”。
3. 点击“自定义 HTML”区块，将其添加到您的内容中。

有关添加区块的详细说明，请点击此处查看。

在添加该区块后，请按照以下步骤添加您的 HTML 代码：

1. 点击“编辑 HTML”按钮。

2. 在编辑器左侧编写或粘贴您的 HTML 代码。
   • 编写 HTML 时，您会在右侧看到代码预览。
3. 确认无误后，点击“更新”按钮，保存您的更改。

您将在编辑器中看到 HTML 代码的结果。要进行更改，请点击区块工具栏中的“编辑 HTML”按钮。

HTML 是一种计算机语言，用于告知浏览器如何显示网站内容。WordPress.com 在所有套餐中均支持以下 HTML 标签：

要添加以下标签，您需要订阅付费套餐并启用托管功能。了解如何激活套餐的托管功能。

embed、frame、iframe、form、input、object、textarea、script、style、link

如需了解可在网站中添加的代码类型，以及当某类代码不被支持时的替代方案，请访问我们关于在网站中添加代码的指南。

如果您的 HTML 代码在保存后未按预期显示，请检查以下常见原因。

出于安全考虑，WordPress.com 会过滤某些 HTML 标签。iframe、script、style、form、embed 和 object 等标签需要已启用托管功能的付费套餐才能使用。

如果您的代码在保存后消失或被部分删除，请按顺序进行以下检查：

1. 检查您的套餐。转到您站点的仪表盘，然后选择“升级 → 套餐”。“自定义 HTML”区块仅在付费套餐上才支持使用受限标签。如果您使用的是免费套餐，请升级至任何付费套餐以继续。
2. 激活托管功能。仅订阅付费套餐还不够，您还必须启用托管功能。请在您的站点上安装至少一个插件，以激活您的套餐，使其支持自定义代码。
3. 重新输入您的代码。在您的套餐已付款且托管功能已激活后，请再次将代码粘贴到“自定义 HTML”区块中并保存。

如果在您激活托管功能后代码仍被删除，则可能是该标签在此场景下不被支持，或者第三方服务发布了使用不受支持标记的嵌入代码。请尝试改用“嵌入”区块，或参阅下文的“解决‘意外或无效内容’错误”部分。

如果您想尝试嵌入来自第三方服务的内容（视频、音乐、地图、社交媒体文章、日历、电子报或文档查看器），请改用“嵌入”区块。“嵌入”区块适用于所有套餐，不需要您编写 HTML，并且支持 YouTube、Vimeo、Spotify、X、Instagram、TikTok 等诸多服务。

如果“嵌入”区块未列出您的服务，则该服务可能需要一个 iframe 或 script。请在已启用托管功能的付费套餐中，将嵌入代码添加到“自定义 HTML”区块中。

如果您看到一条消息，指出您的区块包含意外或无效内容，则可能是因为该区块中的 HTML 格式不正确或已发生更改。请选择“尝试区块恢复”，让编辑器自动修复该问题。如果错误仍然存在，请参阅我们关于解决区块错误的指南，了解其他选项。