仅限PaaS

元素 — HTML代码

最近更新： 2025年5月5日
  • 主题：

创建对象：

  • 初学者
  • 中级
  • 用户

使用​ HTML代码 ​内容类型在Page Builder 阶段中添加HTML、CSS和JavaScript代码片段。 例如，您可能需要添加自定义HTML，声明可应用于页面上元素的CSS类。 或者，您可能希望为从第三方提供商收到的徽标、按钮或横幅添加一段代码。

HTML代码工具箱

HTML代码工具箱

工具图标描述
移动 移动图标 将HTML代码容器移至页面上的另一个有效位置。
设置 设置图标 打开“编辑HTML代码”页面，您可以在该页面中更改容器的属性。
隐藏 隐藏图标 隐藏HTML代码容器。
显示 显示图标 显示隐藏的HTML代码容器。
复制 图标重复 复制HTML代码容器。
移除 删除图标 从舞台中删除HTML代码容器及其内容。
NOTE
隐藏元素存储在数据库中，对客户不可见。 但是，这些元素对搜索引擎和对您的网站爬网的其他机器人可见。 如果通过具有不可见属性的API调用发出请求，则它们也会作为内容的一部分返回，除非您将它们从阶段中删除。

添加HTML代码

以下示例演示如何嵌入Google Font代码并声明覆盖当前样式表的自定义标题类。

步骤1：选择Google字体

  1. 访问Google Fonts网站并选择要使用的字体系列。

  2. 复制要嵌入到页面<head>部分中的生成代码，并将其临时粘贴到文本编辑器中。

    • 嵌入字体代码
    • CSS规则

  3. 将字体系列规则添加到每个标题类中，并将标题类括在<style>标记中。

    此代码已粘贴到Page Builder中。

    <style>
   h1 {color: teal; font-family: 'Khand', sans-serif; }
   h2 {color: teal; font-family: 'Khand', sans-serif; }
   h3 {color: teal; font-family: 'Khand', sans-serif; }
</style>