在内容编辑器中编辑内容

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

添加和编辑模块

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

1. 导航至内容

   • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 单击页面名称 。
3. 在内容编辑器中，单击左侧边栏的add 添加 图标。
4. 单击展开模块类别，然后单击模块 并将其拖到内容中的适当位置。要搜索模块，请在搜索栏输入模块名称。
5. 要调整模块的宽度，请单击栏之间的垂直分隔线并拖动到合适的位置。
6. 要编辑模块，请单击内容中的模块 。
7. 要在内容中添加模块副本，请将鼠标悬停在模块上，然后单击clonduplicate c克隆模块 图标。
8. 要从内容中删除模块，请将鼠标悬停在模块上，然后单击delete 删除模块 图标。

使用版块

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

请注意： 一次最多可保存 50 个可重复使用的版块。要保存新的可重用版块，请删除现有的可重用版块。

创建版块

通过选择布局，然后添加模块，即可创建版块。

1. 导航至内容

   • 网站页面：网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。 着陆页
2. 点击页面名称 。
3. 在内容编辑器中，将鼠标悬停在内容上，然后单击+ 添加部分。

4. 在对话框中，单击菜单中的空白布局，然后单击以选择布局。
5. 单击左侧边栏中的add 添加 图标。
6. 单击展开模块类别，然后单击一个模块 并将其拖动到版块内的位置。对版块中的每个模块重复上述步骤。
7. 完成模块添加后，将鼠标悬停在版块上，点击downCarat 向下图标，然后选择 "保存版块"。
8. 在对话框中为版块输入名称和描述 ，然后单击保存。

请注意： 现有页面版块和在没有布局的情况下创建的版块也可以保存为可重复使用版块。

添加或删除版块

1. 导航至内容

   • 网站页面：网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。 着陆页
2. 单击页面名称。
3. 在内容编辑器中，将鼠标悬停在内容上，然后单击+ 添加部分。

4. 在对话框中单击版块。要从保存的版块中选择，请单击左侧菜单中的保存版块，然后单击保存的版块。

请注意： 添加包含智能规则的已保存版块将把这些规则应用到新添加的版块中。这些版块将被标记为智能版块。

5. 要从内容中删除某个部分，请将鼠标悬停在该部分上，然后单击delete 删除图标。也可以单击siteTreeIcon 内容 图标。然后，将鼠标悬停在版块上，单击ellipsesIcon 椭圆形 图标，然后选择删除。
6. 要从保存的部分中删除一个部分，请将鼠标悬停在内容上，然后单击+ 添加部分。然后单击左侧菜单中的已保存部分，并单击相关已保存部分卡片上的delete 删除图标 。在对话框中单击删除。

内容样式

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

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

1. 导航至您的内容

   • 网站页面：网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
   • 博客：在 HubSpot 帐户中，导航到内容 > 博客。
2. 单击页面名称 。
3. 在内容编辑器中，单击模块。
4. 在侧栏编辑器中，单击样式 选项卡。
5. 隐藏元素
   • 单击展开可见性 部分。
   • 在 "在此断点上隐藏 "部分，单击 "隐藏"。默认情况下，这将在桌面和移动视图上隐藏模块。
   • 要只在手机或桌面上显示模块，请单击页面顶部的mobile 手机 或desktop 桌面 图标。单击以展开 "可见性 "部分。在 "在此断点上隐藏 "部分，单击 "显示"。这将在选定的设备类型上显示模块，但在其他情况下则隐藏模块。

6. 设置填充和边距：
   • 单击展开 "对齐和间距 "部分，然后单击 "填充 "或 "边距"。

• • 要为所有边添加统一间距，请选择应用于所有边 复选框，然后在任意字段中输入像素 值 。
  • 要为每侧添加不同的填充，请在顶部、左侧、右侧 和底部 字段中输入像素 值 。

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

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

管理内容

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

1. 导航至您的内容

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

5. 编辑、重命名、克隆、删除和隐藏页面元素：
   • 要编辑元素，请单击其名称。
   • 要重命名元素，请单击其名称旁边的ellipses 椭圆形 图标，然后选择重命名 [元素]。在对话框中输入元素名称 ，然后单击保存。
   • 要克隆一个元素，请单击其名称旁边的ellipses 椭圆形图标，然后选择 "克隆"。这将在其旁边创建一个与原始元素完全相同的副本。
   • 要删除一个元素，请单击其名称旁边的ellipses 椭圆形 图标，然后选择删除。
   • 要隐藏模块，请单击hide 隐藏 图标。这将在内容预览中隐藏模块，但不会在侧边栏编辑器中隐藏模块。要在页面上显示隐藏的模块，请单击 view disp显示图标。