跳到主要内容

在 Weebly 中添加间隔符

Weebly 在新的共享(SW)套餐中不可用;不过,WordPress 是这些建站平台的优秀替代方案。关于如何安装 WordPress 的说明,请参阅文章:如何使用 Softaculous 安装 WordPress。
要确认您是否使用的是新的共享(SW)套餐,请参阅本文:如何判断您使用的是新套餐还是旧套餐,了解更多信息。
Weebly 中的任何元素都有其预设的上下间距,有时您可能需要在元素之间增加更多空间。这时,间隔符元素就发挥作用了。间隔符元素允许您在元素、模块和区块之间添加空白,从而为其他元素和内容提供“呼吸空间”。
虽然该元素在调整间距时非常有用,但您可能会发现此工具的间距不够一致,因为您需要拖放该元素并调整每个间距的高度。这使得每次在编辑区拖放该元素时,很难保持完全相同的间距高度。

如何使用间隔符元素

使用间隔符元素,您可以对 Weebly 中其他元素之间的空间进行垂直和水平调整。
添加间隔符元素的方法:

  1. 登录您的 Weebly 账户。
  2. 构建 选项卡下,从左侧菜单找到 结构 部分。
  3. 间隔符 元素拖放到您的编辑区。
    Weebly - Spacer Element
  4. 选中间隔符元素后,您会看到三个选项:
  • Weebly - Spacer - Arrow Menu - 点击间隔符左侧的箭头图标,可以复制或将间隔符元素移动到 Weebly 网站的其他页面。
    Weebly - Arrow Menu
  • Weebly Box Menu - 此图标允许您在编辑区移动间隔符。
  • Weebly - Close Menu - 此图标允许您删除间隔符。
  1. 点击并拖动元素底部的蓝色条以调整大小。
    Weebly - Spacer Element - Blue Bar to Adjust
  2. 调整完成后,您可能想查看网站的移动版本,以了解间距调整在移动端的显示效果。
    查看网站移动版本的方法:
  3. 在 Weebly 账户首页,点击顶部菜单中的 预览图标
    Weebly - Monitor icon
  4. 选择 移动
    Weebly - Select Mobile
  5. 准备发布时,点击右上角的 发布 按钮以保存更改。

更多资源

  • Weebly 教程演练
  • Weebly - 设置与发布指南
  • Weebly - 主题与布局
  • 在 Weebly 中添加多列
  • 在 Weebly 中添加幻灯片
  • 在 Weebly 中添加分割线