跳到内容

结构和自定义模板布局

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

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

营销 Hub   Professional , Enterprise
内容 Hub   Professional , Enterprise
旧版 Marketing Hub Basic

学习如何设置和定制现有的拖放模板,并使用模块、组和列作为模板的构建模块。

模板结构

通过使用设计管理器中的布局编辑器,您可以快速创建内容布局,而无需编写任何 HTML 代码。

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器
  • 在查找器中,单击模板进行编辑。

添加和拖动模块

要将模块添加到布局中,请单击布局检查器顶部的 + 添加 。搜索或选择一个模块,然后将其拖动到布局中希望模块呈现的位置。将模块拖到其他模块的顶部,可以创建列或对模块进行分组。

更改列宽

要更改列的宽度,请将鼠标悬停在模块之间,然后单击并水平拖动。

组模块

模块组是组成页面不同部分的模块单元。

要对两个模块进行分组,请单击第一个模块,然后按住Control/Command 键 并选择第二个模块。如果要组合两个以上的模块,请重复此步骤。接下来,单击模块检查器中的分组图标 groupModule

请注意: 模块组不能跨越分隔线或包含部分选定的模块组。

水平分割模块

拆分模块可将模块一分为二,创建两个模块。要分割模块,请单击模块,然后单击模块检查器中的分割模块图标 splitModule 。或者,也可以在布局中右键单击模块,然后选择 "拆分模块"。

中心模块

使用水平间隔器,可以将模块和组置于页面中央,或在其两侧添加空白空间。 要添加水平间隔器,请单击布局检查器顶部的+ 添加 。找到水平间隔条,然后将其拖放到模板中。

要改变水平间隔条的大小,可改变将其与其他模块分隔开来的列的宽度。要使模块或组居中,可在两侧添加水平间隔条。

添加灵活列

灵活栏的设计目的是让内容创建者更轻松地进行页面级内容管理。在 HubSpot 页面模板中添加灵活栏后,用户就可以选择在单个页面编辑器中添加、删除和重新排序模块。这一功能允许设计人员创建更少的模板,同时仍允许营销人员灵活定制每个页面,以满足他们的需求。

要添加灵活栏,请单击布局检查器顶部的+ 添加 。找到 "灵活列",然后将其拖放到模板中。

请注意
  • 灵活栏只能添加到页面模板中,不能添加到电子邮件或博客模板中。
  • 添加到灵活列的模块不能使用 CSS 类、内联样式或与之相关的包装 HTML。样式选项需要添加到灵活列本身。


自定义模板

构建好模板的总体布局后,就可以更换模块,并对模板进行其他定制。

编辑模块选项

在布局编辑器中点击模块,即可编辑模块 的选项。在右侧的模块检查器中,你会看到模块的可编辑选项。 这些选项一般包括样式、默认内容和编辑器选项,可能会根据模块的具体类型而有所不同。了解有关编辑模块 CSS 和默认内容及设置的更多信息。

交换模块

在模板中添加模块后,你可以选择将它换成另一个模块。右键单击布局编辑器中的模块,然后单击 "交换模块"。在出现的下拉菜单中,选择要替换原始模块的模块 。

转换为全局模块

您可以将模板中的模块转换为全局模块,以便在多个模板中使用。这在您以特定方式设计模块和/或模块中的默认内容希望在其他模板中重复使用时非常有用。

  • 单击布局编辑器中的模块 。
  • 在模块检查器中,单击 "更多"下拉菜单,选择 "转换为全局模块"。
  • 在对话框中输入全局模块名称,然后单击创建。

删除模块

要删除模块,请单击布局编辑器中的模块 ,然后单击模块检查器中的垃圾桶图标 delete 。或者,也可以右键单击模块 ,然后选择删除模块。

在查找器中管理模板

除了模块选项外,您还可以针对模板采取一些特定操作。

  • 在模板右上方,单击文件夹图标folder
  • 右键单击模板名称 。在下拉菜单中,可以自定义以下选项:
    • 复制到门户:将模板复制到您也是用户的其他门户。从市场上购买的模板不能复制到其他门户。
    • 克隆模板:这将创建一个与您的模板完全相同的副本,在您想创建现有模板的变体时非常有用。
    • 克隆为 HTML:这将为您的模板创建一个单独的 HTML 版本。如果你需要对标记进行更多控制,或想更多地了解模板的编码方式,这将很有帮助。
    • 查看模板源代码:查看模板的 HTML源代码。与 "克隆为 HTML "选项不同,它不会为模板创建单独的 HTML 版本。
    • 重命名模板:编辑模板的内部名称。
    • 显示依赖项:查看当前使用模板的所有页面、电子邮件或博客。
    • 显示修订历史:查看模板的修订历史,并选择将模板恢复到之前发布的版本。
    • 创建电子邮件/页面:直接从模板创建电子邮件或着陆页/网站页面。
    • 删除模板:删除模板。一旦删除,模板将保留 30 天,之后将被永久删除。要恢复模板,您需要联系客户支持
  • 这些选项也可以从上面的"文件""操作 "下拉菜单中访问

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