在富文本模块中插入和编辑图标
上次更新时间: 二月 12, 2025
你可以将Font Awesome库中的任何图标添加到博客文章和页面的富文本模块中。添加图标后,您可以自定义其颜色、位置和大小。
请注意:图标不能直接添加到营销电子邮件中。要在电子邮件中使用图标,请将图标保存为图片,然后将图片插入电子邮件编辑器。
在富文本模块中为内容添加图标
-
导航至您的内容:
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 博客:在 HubSpot 帐户中,导航到内容 > 博客。
- 单击内容名称。
- 单击希望图标出现的富文本模块。
- 在富文本工具栏右上方,单击插入 下拉菜单并选择图标。
- 在弹出框中,在搜索栏中搜索图标。
- 单击 图标 ,将其插入富文本模块。
编辑图标
插入图标后,您可以编辑其外观和位置,或链接到其他内容。
-
导航至您的内容:
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 博客:在 HubSpot 帐户中,导航到内容 > 博客。
- 单击内容名称。
- 在内容编辑器中,单击您的图标 打开图标编辑器。
-
- 要编辑图标的颜色,请单击backgroundColor 图标颜色下拉菜单并选择颜色。 要输入十六进制值 或RGB 颜色值,请单击 "高级 "选项卡。
- 使用 indent 缩进 iconiconicon图标向右或向左移动图标。
- 使用blockAlignmentBottom 对齐图标调整图标在文本块中的位置。
- 要为图标添加链接,请单击link链接图标,然后插入链接。
- 要调整图标大小,请单击并拖动编辑器中图标的边角,或在工具栏中输入宽度和高度的像素值。
- 要从富文本模块中删除图标,请单击图片,然后单击delete垃圾桶图标 。.
- 要替换图标,请单击图像,然后单击replace 替换图标 并添加新图标。
编辑高级图标选项
您可以编辑图标的高级选项,以添加辅助功能文本或自定义图标链接。
- 在内容编辑器中,单击图标。
- 单击edit 编辑图标。
- 在弹出框中单击高级。
- 如果图标有链接,可以选择一个或多个链接类型。这将告诉搜索引擎该链接与您网站的关系。了解有关不同链接类型的更多信息。
- 选择图片的用途 。
- 如果您的图标旨在传递信息,请选择 "屏幕阅读器可读",并添加一个描述其目的的标题。
- 如果图标不传递信息,请选择 "屏幕阅读器忽略"。
- 单击 "应用"。
Landing Pages
Blog
Website Pages
你的反馈对我们至关重要,谢谢。
此表单仅供记载反馈。了解如何获取 HubSpot 帮助。