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

在移动设备上自定义拖放内容

上次更新时间: 2025年6月20日

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

在内容编辑器中,您可以自定义页面内容在台式机或移动设备上的显示方式。您可以根据设备类型编辑特定元素的可见性。还可以专门为移动断点自定义边距和填充。了解有关在内容编辑器中创建和编辑内容的更多信息


请注意: 只有 HubSpot 的默认主题和一些模板市场主题包含移动编辑功能。自定义主题默认不包括移动编辑。要实现移动编辑,HubSpot 建议您与开发人员合作安装移动断点


为移动设备编辑内容

  1. 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  2. 单击页面名称
  3. 要在不同设备类型之间切换,请单击顶部的mobile Mobile 图标desktop Desktop 图标,为所选类型进行编辑。

Content editor showing option to toggle between editing for mobile or desktop devices.

  1. 在左上角,点击siteTreeIcon 内容图标。
  2. 要编辑元素在移动设备上的可见性,请在左侧面板中单击模块部分,然后展开可见性部分。
    • "在此断点上隐藏"下,单击 "隐藏"或 "显示",自定义元素在移动设备上的显示方式。在移动断点上隐藏的元素仍会显示在桌面版页面上。
    • 你也可以在内容预览中将鼠标悬停在模块部分上,然后单击hideIcon 隐藏图标来隐藏元素。

Content editor visibility settings, showing the option to hide or show an element on a mobile breakpoint.

  1. 要在移动设备上编辑 padding 和 margin,请在左侧面板中展开 "对齐方式和间距"部分。
    • "填充和边距"下,单击 "填充"或 "边距",然后在顶部左侧右侧底部字段中输入像素值。这些更改仅适用于移动断点,不会出现在桌面版页面上。
    • 要为所有边添加统一间距,请选择应用到所有边复选框。

Content editor alignment and spacing settings, showing options to customize padding and margin for a page element.

 

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