跳到内容

在内容编辑器中编辑内容

上次更新时间: 二月 13, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

在内容编辑器中,您可以使用拖放工具添加、编辑和重新排列博客文章和页面中的内容。拖放工具不适用于某些文章和页面。

添加和编辑模块

模块是网站内容的独立块。有些模块(如富文本模块)可以包含多种类型的内容。

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 点击页面名称 。
  • 在左侧边栏中,单击add 添加 图标。
  • 单击展开模块类别,然后单击模块 并将其拖动到内容中的适当位置。.

  • 要调整模块的宽度,请单击列之间的垂直分隔线并拖动到位。
  • 要编辑模块,请单击内容中的模块 。
  • 要在内容中添加模块副本,请将鼠标悬停在模块上,然后点击clonduplicate c克隆 图标。
  • 要从内容中删除模块,请将鼠标悬停在模块上,然后点击delete d删除 图标。

使用章节

版块是由不同模块组成的较大组。通过将模块拖到空白版块布局上,可以创建可重复使用的页面版块。开发人员也可以使用我们的开发人员文档创建可重用版块。创建后,版块可用于任何使用相同主题并支持拖放编辑的页面。

请注意: 一次保存的可重复使用部分不能超过 50 个。要保存新的可重复使用部分,请删除现有的可重复使用部分。

创建部分

您可以通过选择布局来创建版块,然后向其中添加模块。

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 点击页面名称 。
  • 在内容编辑器中,点击左侧边栏的add 添加 图标。
  • 单击 "布局"选项卡,然后单击一个布局 并将其拖到页面上的适当位置。

  • 在左侧边栏中,单击add 添加 图标,然后单击模块 选项卡。
  • 单击以展开模块类别,然后单击一个模块 并将其拖动到位。对部分中的每个模块重复上述步骤。
  • 将鼠标悬停在节上,点击downCarat 向下图标,然后选择 "保存节"。

请注意: 现有的页面版块和未创建版面的版块也可以保存为可重复使用的版块。


  • 在对话框中,输入章节的名称和说明 ,然后单击保存。

添加或删除部分

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 点击页面名称 。
  • 在内容编辑器中,单击左侧边栏中的add 添加 图标,然后单击 "章节"选项卡。
  • 单击可展开一个部分类型:
    • 保存:在内容编辑器中创建的版块,保存后可用于不同页面。
    • 主题:由页面所用主题的开发人员创建的版块。
  • 单击一个部分,然后将其拖动到页面上的位置。

请注意: 添加包含智能规则的已保存部分将把这些规则应用到新添加的部分。这些部分将标记为智能。

  • 要从保存的部分中删除一个部分,请将鼠标悬停在该部分上,然后单击delete 删除图标。在对话框中单击 "删除"。

风格内容

在内容编辑器中,您可以在侧边栏编辑器的 "样式 "选项卡上编辑样式选项,如填充和边距。您可以编辑模块和部分以及内容行和列的样式。

自定义模块主题的 可用样式选项由创建开发人员设置。有关模块和主题样式选项的更多信息,请参阅我们的开发人员文档。

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
  • 点击页面名称 。
  • 在内容编辑器中,单击模块或元素的section 部分row column图标

  • 在侧边栏编辑器中,单击 "样式 "选项卡。
  • 隐藏元素
    • 单击展开可见性 部分。
    • 在 "在此断点上隐藏 "部分,单击 "隐藏"。默认情况下,这将在桌面和移动视图上隐藏模块。
    • 要只在手机或桌面上显示模块,请单击页面顶部的mobile 手机 或desktop 桌面 图标。单击以展开 "可见性 "部分。在 "在此断点上隐藏 "部分,单击 "显示"。这将在选定的设备类型上显示模块,但在其他情况下则隐藏模块。

  • 设置衬垫和边距:
    • 单击展开 "对齐和间距 "部分,然后单击 "衬垫 "或 "边距"。
    • 要为所有边添加统一间距,请选择应用于所有边 复选框,然后在任意字段中输入以像素为单位的 值 。
    • 要为每一侧添加不同的填充,请在顶部、左侧、右侧 和底部 字段中输入像素 值 。

  • 要设置元素的背景,请单击展开 "背景 "部分,然后选择一个 选项:
    • 无: 删除任何背景颜色或图像。
    • 颜色:设置单一颜色作为背景。输入十六进制值, 或单击颜色选择器 并选择一种颜色, 然后输入透明度值。
    • 图像:将图像设为背景。单击 " 上传 "从电脑中添加图像,或单击 "浏览图像"从文件中选择图像。
    • 渐变:设置两种颜色一起渐变作为背景。单击方向 下拉菜单并选择渐变方向。为每种颜色输入十六进制值, 或单击颜色 选择器 并选择一种颜色, 然后输入透明度值。

请注意:显示在 "样式 "选项卡中的具体选项可能会有所不同,尤其是自定义模块。有关自定义模块样式选项的更多信息,请参阅我们的开发人员文档。

管理您的内容

在侧边栏编辑器中,你可以看到内容中各部分、行、列和模块的概览。在这里,你可以对它们进行重命名、编辑、克隆、删除或隐藏:

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 点击页面名称 。
  • 在左侧边栏中,单击siteTree 内容 选项卡。
  • 你可以控制侧边栏编辑器中哪些页面元素可见:
    • 要只查看页面的部分,请单击全部折叠。这将折叠所有行、列和模块,因此侧边栏编辑器中只显示版块。
    • 要查看页面上的所有内容,请单击全部展开。这将在侧边栏编辑器中显示所有部分、行、列和模块。
    • 要查看单个页面元素或容器,请单击其名称旁边的+ 加号 。
    • 要隐藏某个元素或容器,请单击其名称旁边的- 减号 。

  • 还可以编辑、重命名、克隆、删除和隐藏页面元素:
    • 要编辑元素,请单击其名称。
    • 要重命名元素,请单击其名称旁边的ellipses 三个点,然后选择重命名 [元素]。在对话框中输入元素名称 ,然后单击保存。
    • 要克隆元素,请单击其名称旁边的ellipses 三个点,然后选择 "克隆"。这将创建一个与原始元素相邻的精确副本。
    • 要删除元素,请单击其名称旁边的ellipses 三个点,然后选择删除。
    • 要隐藏模块,请单击hide 隐藏 图标。这将在内容预览中隐藏模块,但不会在侧边栏编辑器中隐藏模块。要在页面上显示隐藏的模块,请单击 view disp显示图标。

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助