wordpress Elementor怎样在一行内添加2个及以上按钮

在用Elementor构建页面的时候需要使2个(多个)按钮在同一行显示。

虽然在Elementor中并没有提供双按钮元素或者对应的选项,但是我们可以通过一些方法来实现一行内加2个或者更多的按钮。如何实现:

首先我们在列中放入2个按钮元素,默认情况下会自动分成两行

然后我们对按钮的属性进行设置,在按钮的高级设置中,有一个选项叫做 定位(Custom Positioning) ,将其宽度选项设置为 行内(auto),注意2个按钮都要进行设置,可以先制作好一个后再拷贝样式到另一个按钮

定位(Custom Positioning)是Elementor最近才加入的新功能,熟悉代码的都知道,这个位置选项就是CSS代码中的display:inline,它可以让本来独占一行的那些元素,全部都集中到一行,2个按钮本来都是独占一行的,我们将它的属性设置为行内,就自动贴到一起了

你可以加一些边距之类的,让2个按钮不挤在一起,这样就美观多了

在移动端的表现也不错

这种方法做起按钮来还是非常方便的,不需要代码,也不用安多余的插件,而且在默认状态下(按钮大小、样式没有太大的改变),只要一次设置,各种尺寸的屏幕基本都能适配,对于需要在WordPress中使用按钮组件的朋友,不管是写文章、做页面,都是非常建议的方法

给TA买糖
共{{data.count}}人
人已赞赏
wordpress

wordpress免插件无广告播放腾讯视频

2021-5-19 18:51:29

宝塔面板

宝塔面板安装fail2ban保护nginx服务器

2019-8-3 21:40:33

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索