使用指南/创建内容/设计/为组添加样式

为组添加样式

您可以使用 “组”区块为内容组添加设计样式。在本指南中,您将学习如何自定义 “组”区块 的外观,包括颜色、边框和视觉元素。

视频教程

为组应用预设样式

预设样式是多个 区块主题中包含的一项功能。要应用预设样式,请按照以下步骤操作:

  1. 点击编辑界面顶部的 “列表视图”
  2. 选择 “组”区块
  3. 区块设置边栏中,点击 “样式” 选项卡(图标看起来像一个黑白圆圈)。
  4. 点击任一样式,将其应用到 “组”区块
The Styles section of the Group block sidebar settings.

即使不使用预设样式,您仍然可以任意为 “组”区块 应用自定义样式(如下所述)。

更改组的颜色

您可以更改 “组”区块的默认颜色,包括背景颜色、文本颜色等。要更改 “组”区块使用的颜色,请按照以下步骤操作:

  1. 点击编辑界面顶部的 “列表视图”
  2. 选择 “组”区块
  3. 区块设置边栏中,找到 “颜色” 部分。
The "Color" section of the Group block's settings sidebar.
  1. 点击您要更改颜色的元素名称,然后选择新颜色。
  2. 点击 颜色选项 () 图标,启用更改默认标题和按钮颜色的选项。
  3. 点击“保存”“发布”,保存您的更改。

了解有关 更改颜色的更多信息。

添加背景图片

背景图片能为您的内容增添视觉趣味并营造情境氛围。要为 “组”区块添加背景图片,请按照以下步骤操作:

  1. 点击编辑界面顶部的 “列表视图”
  2. 选择 “组”区块
  3. 区块设置边栏中,找到“背景图片”部分。
  4. 点击“添加背景图片”,从您站点的 媒体库 中选择图片,或上传新图片。
The "Background image" section of the Group block's settings sidebar.

要删除背景图片,请点击“背景图片”背景图片选项 (⋮)图标,然后选择“重置”链接。

添加边框或阴影

边框和阴影能增强界面层次感,帮助清晰划分内容区域。要将这些元素添加到 “组”区块,请按照以下步骤操作:

  1. 点击编辑界面顶部的 “列表视图”
  2. 选择 “组”区块
  3. 区块设置边栏中,找到 “边框和阴影” 部分。
  4. 调整以下选项,对边框进行自定义设置:
    • 宽度:边框显示的粗细程度。
    • 样式:实线、虚线或点线样式。
    • 颜色:从预设颜色中进行选择或创建自定义颜色。
    • 半径:为您的 “组”区块添加圆角。
  5. 点击 边框和阴影选项 (⋮) 菜单以显示 “阴影” 选项,然后从预设阴影设计中进行选择。

了解有关 边框和阴影设置的更多信息。

重复使用样式

在全站范围内创建统一的设计,既可节省时间,又能提升视觉协调性。要为所有 “组”区块设置默认样式,请按照以下步骤操作:

  1. 导航至 “外观 → 编辑器 → 样式”
  2. “区块” 部分找到 “组”区块, 设置您喜欢的背景、边框及其他样式选项。
  3. 点击 “保存”, 将这些默认设置应用到所有 “组”区块

注意: 您仍然可以通过区块设置边栏对单个 “组”区块 进行自定义设置。

了解有关 设置站点样式的更多信息。

Copied to clipboard!