知識庫

将图像、CTA(传统)或徽标放在电子邮件或页面的中心位置

作者:HubSpot Support | Nov 21, 2022 11:56:22 AM

如果您使用的是在设计管理器工具中创建的布局模板,可通过在模板中添加内嵌样式,将图片、CTA(传统)或徽标模块放在页面、博客或电子邮件的中心位置。

如果使用的模板包含拖放区域,则可以在内容编辑器中将模块对齐居中。你也可以在页面编辑器中使用水平间隔排列模块。

请注意:2025 年 3 月 17 日之后创建的账户无法访问 CTA(传统)工具。

将图片、CTA(传统)或徽标置于中心位置,并使用内嵌样式

使用内嵌样式将图像居中需要对 HTML 有基本的了解。如果您的页面或模板附有样式表或添加了任何其他样式,则可能存在影响图片、CTA(传统)或徽标的现有 CSS。HubSpot 建议您与设计人员合作确定样式的来源,并进行必要的更改,使您的资产居中。

在电子邮件或页面模板中将图片、CTA(传统)或徽标居中:

  • 导航至您的内容:

    • 网站页面
    • 登陆页面
    • 博客
    • 电子邮件
  • 将鼠标悬停在内容上,然后点击编辑
  • 在编辑器中,访问内容的设置:
    • 对于帖子和页面,单击 "设置"菜单并选择 "高级"。
    • 对于电子邮件,单击 "设置 "选项卡 ,然后单击展开 "高级选项 "部分。
  • 在 "模板 "部分,单击 "编辑此模板 "在设计管理器中打开模板。

  • 在设计管理器中,单击徽标 行动呼吁 图片模块
  • 在右栏的内联样式 字段中输入text-align:center;

 
  • 在右上角单击 "发布更改",将更改应用到该模板。

将模块样式选项中的图片、CTA(传统)或徽标置于中心位置

如果您使用的模板有拖放区域,在某些模块或部分,您可以选择直接设置对齐方式。但请注意,并非所有模板或模块都有这种样式选项。

  • 使页面或帖子模块居中:
    • 导航至您的内容:

      • 网站页面
      • 登陆页面
      • 博客
      将鼠标悬停在页面或博文上,然后单击 编辑
    • 在页面编辑器中,单击要居中的模块
    • 在左侧面板中,单击 "样式 "选项卡,然后单击展开 "对齐方式和间距 "部分。
    • 对齐方式下,选择居中 对齐方式。

 

  • 将电子邮件模块置于中心位置:
    • 在 HubSpot 账户中,导航至营销>电子邮件
    • 将鼠标悬停在电子邮件上,然后单击 "编辑"。
    • 单击要居中的模块
    • 在左侧面板中,单击 "对齐 "下拉菜单并选择 "居中"。

 

使用水平间隔器将图片、CTA(传统)或徽标置于中心位置

如果您使用的模块没有对齐选项,您可以在内容编辑器中为页面添加水平间隔条,使模块居中。

使用水平垫片使模块居中:

  • 导航至您的内容:

    • 网站页面
    • 登陆页面
    • 博客
  • 在内容编辑器左侧栏中,单击+ 添加
  • 在搜索栏中搜索水平间隔条。
  • 单击并拖动水平间隔条到要居中的模块两侧。然后,调整间隔条的宽度,使元素居中。