自定义 HTML 块

WordPress 自定义 HTML 块简介

WordPress 自定义 HTML 块是 WordPress 块编辑器(俗称古腾堡)中的一项功能。该块允许用户在帖子或页面中添加自定义 HTML 代码。对于那些需要插入 WordPress 标准块不支持的代码的人来说,它尤其有用。

了解目的

自定义 HTML 块专为具备一定 HTML 知识的用户或需要嵌入特定代码片段(如第三方小工具或自定义脚本)的用户设计。与典型的文本块相比,它提供了更多的灵活性和内容控制。

访问自定义 HTML 块

要访问该区块,请按照以下步骤操作:

  1. 登录 WordPress 仪表板。
  2. 导航到要添加 HTML 代码的帖子或页面。
  3. 点击 "+"按钮添加新区块。
  4. 在区块搜索栏中搜索 "自定义 HTML"。
  5. 选择自定义 HTML 块,将其添加到帖子或页面中。

添加和编辑 HTML 代码

添加自定义 HTML 块后:

  • 您可以直接在区块中输入 HTML 代码。
  • 如果您已经有了 HTML 代码,可以将其粘贴到区块中。
  • 您可以根据需要直接在区块内编辑 HTML 代码。

预览 HTML

自定义 HTML 块具有内置预览功能:

  • 点击块工具栏上的 "预览 "按钮,查看 HTML 代码在前端的显示效果。
  • 该功能尤其有助于在发布或更新帖子/页面之前确保 HTML 呈现出预期效果。

最佳做法

使用自定义 HTML 块时:

  • 确保 HTML 代码结构合理,没有错误。
  • 避免添加过多自定义 HTML 块,因为它们可能会影响页面加载时间和整体性能。
  • 谨慎添加第三方脚本,因为它们可能会带来安全风险。

局限性和考虑因素

  • 自定义 HTML 代码块不适合大量编码。对于大型或更复杂的项目,请考虑使用子主题或自定义插件。
  • 需要注意的是,出于安全原因,某些 HTML 标记可能会被删除,这取决于您的 WordPress 设置和用户角色。

结论

对于需要在帖子或页面中自定义 HTML 的用户来说,WordPress 中的自定义 HTML 块是一个多功能工具。虽然它提供了很大的灵活性,但在使用时应谨慎并了解 HTML。切记预览您的工作,确保与您的整体网站设计和功能兼容。