使用指南/创建内容/代码/为您的站点添加代码

为您的站点添加代码

您可以通过多种方式向 WordPress.com 网站添加自定义代码。本指南将根据您的 WordPress.com 套餐,说明可以向网站添加哪些类型的代码。

关于代码限制

您可以向 WordPress.com 网站添加哪些类型的代码,取决于您的套餐级别:

  • 免费站点对可添加的代码有所限制。这些限制是为了确保共享托管环境中所有站点的安全。
  • 支持插件的套餐的站点在您激活套餐后,对可添加的代码没有任何限制。

代码的替代方案

如果您想在站点中使用 iframe、JavaScript 或其他代码,但又不想升级到支持插件的套餐,可以考虑以下替代方案:

HTML

HTML 是您在互联网上访问的每个网页所使用的语言。它通过特殊代码(称为标签)来组织和构建网页内容,例如文本、图像、链接和多媒体。所有 WordPress.com 站点都可以使用以下 HTML 标签:

  • a
  • address
  • abbr
  • acronym
  • area
  • article
  • aside
  • b
  • big
  • blockquote
  • br
  • caption
  • cite
  • class
  • code
  • col
  • del
  • details
  • dd
  • div
  • dl
  • dt
  • em
  • figure
  • figcaption
  • footer
  • font
  • h1, h2, h3, h4, h5, h6
  • header
  • hgroup
  • i
  • img
  • ins
  • kbd
  • li
  • map
  • mark
  • ol
  • p
  • pre
  • q
  • rp
  • rt
  • rtc
  • ruby
  • s
  • section
  • small
  • span
  • strike
  • strong
  • sub
  • summary
  • sup
  • table
  • tbody
  • td
  • tfoot
  • th
  • thead
  • tr
  • tt
  • u
  • ul
  • var

此外,使用支持插件的套餐并已激活托管功能的站点还可以使用以下代码:

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

您可以插入自定义 HTML 区块来添加较小的 HTML 代码片段。

在 WordPress 编辑器中编辑 HTML

您可以通过以下两种方式在 WordPress 编辑器中直接编辑 HTML:

在每个区块的工具栏中(点击区块时会出现),点击省略号(即三个点的图标),其中有一个“编辑为 HTML”选���,可用于仅编辑该区块的 HTML。

箭头从区块工具栏中的"选项"菜单指向"以 HTML 编辑"选项。
编辑区块的 HTML

如果您想直接编辑整个页面的 HTML,请点击右上角的省略号,然后选择“代码编辑器”,切换到 HTML 视图。

默认情况下,代码编辑器会启用语法高亮。您可以按照以下步骤,针对每个用户和每个站点分别关闭此功能:

  1. 在站点的仪表盘中,前往用户 → 个人资料
  2. 勾选“在编辑代码时禁用语法高亮”旁边的复选框。
  3. 点击“更新资料”按钮以保存更改。
代码编辑器选项高亮显示。
代码编辑器

CSS

CSS 负责控制 HTML 网页内容的呈现和外观。通过 CSS,您可以设置网页元素的颜色、字体、大小、间距和定位。

个人版、高级版、商务版或电商版套餐的站点支持 CSS 编辑。请访问我们的自定义 CSS 指南了解更多信息。

JavaScript

JavaScript 可为网页添加交互效果和动态元素,例如互动表单、动画和响应式设计等。

JavaScript 代码通常放在 <script> 标签中。使用支持插件的套餐的站点可以添加这类代码。您可以通过自定义 HTML 区块插入 JavaScript 代码,也可以参考下方关于如何插入代码的部分了解其他方法。

对于 YouTubeGoogle Maps 等可信服务,您通常可以改用受支持的嵌入简码,无需受套餐限制。

如何插入代码

⚠️

添加自定义代码时请格外小心,因为这可能使您的站点容易受到攻击。我们建议您只添加来自可靠来源的代码。如果您有任何疑问,请谨慎行事,并寻找替代方法。

在以上限制范围内,您可以根据需求选择最适合的方式向站点添加代码。以下方法适用于插入大多数代码,包括 iframe 和 JavaScript:

仅限已激活托管功能的支持插件的站点:

Copied to clipboard!