Elementor教程-Widget 概述-按钮小部件

上一篇文章,我们讨论了 Elementor教程-Widget 概述-文章小部件,widget还包含了很多其他的小部件,我们继续介绍,按钮小部件Button Widget。

Button控件可帮助您轻松设计和自定义按钮,无需其他任何插件或简码。

Content

  • Type:从5种样式的按钮中选择以开始您的设计。从默认,信息,成功,警告或危险中选择
  • Text:输入按钮的文字
  • Link:设置按钮链接的URL。单击cog将链接设置为在新窗口中打开或将rel = nofollow添加到链接
  • Alignment:将按钮与其列对齐,左对齐,居中对齐,右对齐或对齐。
  • Size:选择预设按钮尺寸,从超小尺寸到超大尺寸
  • Icon:选择要在按钮上显示的FontAwesome图标
  • Icon Position:将图标设置为在按钮文本之前或之后显示
  • Icon Spacing:调整图标和按钮文本之间的间距
  • Button ID:(可选)指定唯一的按钮ID,以用于Google Analytics事件等情况

Style

  • Typography:更改按钮文本的默认排版选项
  • Text Color:选择按钮文本的颜色
  • Background Color:选择正常和悬停状态的按钮背景颜色
  • Hover Animation:单击悬停选项卡以设置悬停动画
  • Border Type:选择要在按钮周围使用的边框类型
  • Width:控制按钮周围边框的粗细
  • Color:选择边框的颜色
  • Border Radius:设置边框半径以控制角圆度
  • Box Shadow:设置选项以在按钮上应用框阴影
  • Padding:更改按钮的填充设置
elementor_button_widget
elementor_button_widget

下期预告:Elementor教程-Widget 概述-短代码小部件

发表评论

电子邮件地址不会被公开。 必填项已用*标注