结构和自定义模板布局
上次更新时间: 二月 13, 2025
除非另有说明,否则适用于以下任何订阅:
|
|
旧版 Marketing Hub Basic |
学习如何设置和定制现有的拖放模板,并使用模块、组和列作为模板的构建模块。
模板结构
通过使用设计管理器中的布局编辑器,您可以快速创建内容布局,而无需编写任何 HTML 代码。
- 在 HubSpot 帐户中,导航到内容 > 设计管理器。
- 在查找器中,单击模板进行编辑。
添加和拖动模块
要将模块添加到布局中,请单击布局检查器顶部的 + 添加 。搜索或选择一个模块,然后将其拖动到布局中希望模块呈现的位置。将模块拖到其他模块的顶部,可以创建列或对模块进行分组。
更改列宽
要更改列的宽度,请将鼠标悬停在模块之间,然后单击并水平拖动。
组模块
模块组是组成页面不同部分的模块单元。
要对两个模块进行分组,请单击第一个模块,然后按住Control/Command 键 并选择第二个模块。如果要组合两个以上的模块,请重复此步骤。接下来,单击模块检查器中的分组图标 groupModule 。
请注意: 模块组不能跨越分隔线或包含部分选定的模块组。
水平分割模块
拆分模块可将模块一分为二,创建两个模块。要分割模块,请单击模块,然后单击模块检查器中的分割模块图标 splitModule 。或者,也可以在布局中右键单击模块,然后选择 "拆分模块"。
中心模块
使用水平间隔器,可以将模块和组置于页面中央,或在其两侧添加空白空间。 要添加水平间隔器,请单击布局检查器顶部的+ 添加 。找到水平间隔条,然后将其拖放到模板中。
要改变水平间隔条的大小,可改变将其与其他模块分隔开来的列的宽度。要使模块或组居中,可在两侧添加水平间隔条。
添加灵活列
灵活栏的设计目的是让内容创建者更轻松地进行页面级内容管理。在 HubSpot 页面模板中添加灵活栏后,用户就可以选择在单个页面编辑器中添加、删除和重新排序模块。这一功能允许设计人员创建更少的模板,同时仍允许营销人员灵活定制每个页面,以满足他们的需求。
要添加灵活栏,请单击布局检查器顶部的+ 添加 。找到 "灵活列",然后将其拖放到模板中。
- 灵活栏只能添加到页面模板中,不能添加到电子邮件或博客模板中。
- 添加到灵活列的模块不能使用 CSS 类、内联样式或与之相关的包装 HTML。样式选项需要添加到灵活列本身。
自定义模板
构建好模板的总体布局后,就可以更换模块,并对模板进行其他定制。
编辑模块选项
在布局编辑器中点击模块,即可编辑模块 的选项。在右侧的模块检查器中,你会看到模块的可编辑选项。 这些选项一般包括样式、默认内容和编辑器选项,可能会根据模块的具体类型而有所不同。了解有关编辑模块 CSS 和默认内容及设置的更多信息。
交换模块
在模板中添加模块后,你可以选择将它换成另一个模块。右键单击布局编辑器中的模块,然后单击 "交换模块"。在出现的下拉菜单中,选择要替换原始模块的模块 。
转换为全局模块
您可以将模板中的模块转换为全局模块,以便在多个模板中使用。这在您以特定方式设计模块和/或模块中的默认内容希望在其他模板中重复使用时非常有用。
- 单击布局编辑器中的模块 。
- 在模块检查器中,单击 "更多"下拉菜单,选择 "转换为全局模块"。
- 在对话框中输入全局模块名称,然后单击创建。
删除模块
要删除模块,请单击布局编辑器中的模块 ,然后单击模块检查器中的垃圾桶图标 delete 。或者,也可以右键单击模块 ,然后选择删除模块。
在查找器中管理模板
除了模块选项外,您还可以针对模板采取一些特定操作。
- 在模板右上方,单击文件夹图标folder 。
- 右键单击模板名称 。在下拉菜单中,可以自定义以下选项:
- 复制到门户:将模板复制到您也是用户的其他门户。从市场上购买的模板不能复制到其他门户。
- 克隆模板:这将创建一个与您的模板完全相同的副本,在您想创建现有模板的变体时非常有用。
- 克隆为 HTML:这将为您的模板创建一个单独的 HTML 版本。如果你需要对标记进行更多控制,或想更多地了解模板的编码方式,这将很有帮助。
- 查看模板源代码:查看模板的 HTML源代码。与 "克隆为 HTML "选项不同,它不会为模板创建单独的 HTML 版本。
- 重命名模板:编辑模板的内部名称。
- 显示依赖项:查看当前使用模板的所有页面、电子邮件或博客。
- 显示修订历史:查看模板的修订历史,并选择将模板恢复到之前发布的版本。
- 创建电子邮件/页面:直接从模板创建电子邮件或着陆页/网站页面。
- 删除模板:删除模板。一旦删除,模板将保留 30 天,之后将被永久删除。要恢复模板,您需要联系客户支持。
- 这些选项也可以从上面的"文件"和 "操作 "下拉菜单中访问。