首页>文档>Astra教程>如何使用 Astra 按钮预设

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

如何使用 Astra 按钮预设

在本文档中,我们将向您展示如何使用“按钮预设”为您的网站制作超酷的按钮,以及如何根据您的要求设置按钮样式。

无论您是刚刚开始使用 Astra 还是经验丰富的专业人士,我们都会为您提供简单的步骤,帮助您使用按钮预设设计真正脱颖而出的按钮。

让我们开始吧!

什么是按钮预设?

按钮预设是 Astra 附带的预先设计的按钮样式。

可以将按钮预设视为现成的按钮设计,让您的按钮看起来很棒。您只需单击一下即可在您的设计中使用这些预设。

目前有两种类型的按钮预设可用:

  • 实心按钮:它们填充了颜色,使其看起来是实心的。
  • 透明按钮:按钮具有定义其形状的边框。

现在,每个按钮都有三个选项可供选择。

  1. 尖锐的盒状角:盒状角具有尖锐的特征,有点方形的外观。
  2. 半圆角:然后是半圆角,其中角稍微平滑一些,但不是完全平滑。
  3. 圆角:最后,完全圆的角,顾名思义,都是漂亮而弯曲的。

它们看起来是这样的:

这些按钮预设已经看起来很棒了,但如果您需要在使用它们之前更改按钮设计,那么您可以非常轻松地对其进行自定义。

如何使用按钮预设

有了这些样式,您无需成为设计专家即可让您的按钮看起来很棒。您所要做的就是选择适合您网站氛围的样式,网站上所有按钮的设计都会相应更改。

要更改按钮预设,请按照以下步骤操作:

  • 从您的 WordPress 仪表板导航到外观 > 自定义。
如何使用 Astra 按钮预设-HEIWP-外贸建站
  • 在定制器设置中,单击“全局”。
如何使用 Astra 按钮预设-HEIWP-外贸建站
  • 在全局设置下,选择按钮。
如何使用 Astra 按钮预设-HEIWP-外贸建站
  • 您将在页面顶部看到按钮预设。
如何使用 Astra 按钮预设-HEIWP-外贸建站
  • 单击您想要更改的按钮预设,您网站上的所有按钮都将相应更改。

如何自定义按钮

您可以使用定制器按钮菜单内的选项进一步定制按钮。

您有以下选择:

  • 颜色:您可以使用此选项更改正常和悬停条件下的按钮文本颜色、背景颜色和边框颜色。
如何使用 Astra 按钮预设-HEIWP-外贸建站
  • 字体:字体选项允许您更改字体系列、字体粗细、字体大小、大写和字体装饰。只需单击字体选项旁边的铅笔图标即可打开字体菜单。
如何使用 Astra 按钮预设-HEIWP-外贸建站
  • 填充:此选项可让您在按钮内部的内容和按钮边框之间添加空间。
  • 边框宽度: 此选项可让您调整按钮外边缘的线条的粗细。
  • 边框半径:此选项可让您控制按钮角落的平滑度,使角落圆滑并不那么尖锐。
如何使用 Astra 按钮预设-HEIWP-外贸建站

这些变更何时生效?

您可以自由修改颜色,直到对结果满意为止。

要确保所有这些更改永远保留在您的网站上,只需单击定制器最顶部的“发布”按钮。

如何使用 Astra 按钮预设-HEIWP-外贸建站

总之,Astra 中的按钮预设为您提供了一系列选项,让您的按钮看起来很棒。

无论您喜欢纯色还是轮廓,无论您喜欢尖角、略圆的边缘还是全圆的曲线 – 每个人都有适合自己的风格。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索