跳过到主内容
< 返回
当前位置:
打印

全局按钮样式

目录

在一个地方设置整个网站按钮的外观,然后在需要时为特定按钮类型创建单独的规则。导航至 仪表盘 → 主题设置 → 样式与颜色 → 按钮

全局按钮组

全局设置分为两个按钮组。这些组提供了整个网站使用的基础设计。

默认按钮

此组控制由主题和已安装插件添加的大多数标准按钮。

强调按钮

此组用于突出的行动号召和购物按钮,例如 加入购物车结账

对于每个组,您可以配置:

  • 按钮样式:扁平、3D、圆形或圆角
  • 排版,包括字体族、字重、样式、大小和文本转换
  • 背景色和悬停背景色
  • 文本和悬停文本配色方案
  • 适用于桌面端、平板和移动设备的内边距

自定义特定按钮

当特定按钮的外观需要与其全局组不同时,请使用高级按钮样式。您可以针对单个按钮类型,例如单个产品的 加入购物车 按钮、提交订单 按钮、迷你购物车按钮、愿望清单按钮或联系表单提交按钮。

  1. 滚动到 高级按钮样式 部分。
  2. 分配给元素 中,选择一个或多个应使用此规则的按钮类型。
  3. 配置排版、文本和背景颜色、悬停颜色以及响应式内边距。如果某项设置应继续使用全局值,请将其留空。
  4. 如果另一组按钮需要不同的设计,请点击 添加规则
  5. 保存主题设置。
高级按钮样式设置

来自页面构建器的按钮样式

在 Gutenberg、Elementor 或 WPBakery 中配置了自身颜色的按钮元素,可能会使用这些元素级别的设置,而不是全局按钮颜色。如果您希望按钮继承主题设置中配置的样式,请移除该元素的自定义颜色。