跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

在内容中使用自定义社交图标

上次更新时间: 2025年12月18日

可与以下任何订阅一起使用,除非另有说明:

HubSpot 的默认社交分享社交关注模块包含常用社交网络(如FacebookLinkedIn)图标。要替换默认社交图标,可以克隆并自定义模块。然后在页面或模板上添加自定义社交模块。

克隆默认社交模块

  1. 在 HubSpot 帐户中,导航到内容 > 设计管理器
  2. 搜索器中输入文字,搜索社交分享社交关注模块。
  3. 单击社交关注 社交分享 模块。
  4. 模块编辑器中,单击"模块为只读提醒 "中的 " 克隆模块 "

In the design manager, the module editor is displayed for a HubSpot default Social sharing module. An arrow points to a Clone module button at the top of the module editor in an alert.

  1. 在对话框中,输入克隆模块的名称,然后单击 "克隆"。你将被引导到模块编辑器,继续定制社交图标。

替换社交图标

  1. 检查器中,找到 "链接文件 "部分。在 "其他文件 "字段中,注意每个网络的社交图标文件名(如facebook-color.pnglinkedin - color. png)。
  2. 确认自定义社交图标图像为PNG 格式。
  3. 确认新社交图标图像的文件名与模块中每个网络的现有社交图标文件名相同(例如,facebook-color.png 或 linkedin-color.png)。
  4. 单击X 删除现有社交图标文件。
  5. 单击其他文件字段旁边的添加

In the design manager, the inspector is displayed for a cloned social module. In the Linked files section, for the Other files field, a box is placed around the Add hyperlinked text. An arrow points to the X to remove a social icon file.

  1. 在右侧面板的文件管理器中找到自定义社交图标。要从设备上传文件,请单击上传
  2. 单击文件名将图标添加到模块中。
  3. 要预览社交模块,请单击模块编辑器右上方的预览
  4. 完成后,单击发布更改

将模块添加到模板中

发布社交模块后,可以将其添加到拖放模板或编码模板中。

拖放模板

  1. 在 HubSpot 帐户中,导航到内容 > 设计管理器
  2. 查找器中,单击模板名称
  3. 检查器中,点击+ 添加
  4. 单击新的社交模块,然后将其拖放到模板上的位置。
  5. 完成后,点击右上角的发布更改

编码模板

  1. 在 HubSpot 帐户中,导航到内容 > 设计管理器
  2. 搜索器中,点击新的社交模块
  3. 单击 "操作"下拉菜单,选择 "复制片段"。
  4. 查找器中,单击编码模板
  5. 代码编辑器中,将片段粘贴到希望模块出现的位置。
  6. 完成后,单击右上角的 "发布更改"
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助