Elementor怎样在一行内添加2个按钮
在网页设计中,双按钮是一种很常见的设计,在一行中添加2个按钮,可以让用户方便的进行选择,虽然在Elementor中并没有提供双按钮元素或者对应的选项,但是我们可以通过一些方法来实现一行内加2个或者更多的按钮,在本文中我们就教大家如何实现
首先我们在列中放入2个按钮元素,默认情况下会自动分成两行

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

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

在移动端的表现也不错

这种方法做起按钮来还是非常方便的,不需要代码,也不用安多余的插件,而且在默认状态下(按钮大小、样式没有太大的改变),只要一次设置,各种尺寸的屏幕基本都能适配,对于需要在WordPress中使用按钮组件的朋友,不管是写文章、做页面,都是非常建议的方法
相关文档
- 百度指数可免费添加关键词?实测体验及注意事项全分享
- 利用Query Monitor插件调试WordPress并提高网...
- 如何在WordPress中添加缓存文件过期标头
- 如何解决Elementor加载缓慢问题?
- 如何手动或者使用插件为WordPress添加nofollow链接
- 如何在WordPress中添加PayPal捐赠按钮
- WordPress文章高亮文本设置教程
- WordPress网站添加暗黑模式图文教程
- 如何添加WordPress用户注销/退出链接到导航菜单
- 如何添加WordPress特色图像或者文章缩略图
- 如何在WordPress顶部导航菜单添加按钮
- WordPress网站页脚可考虑添加的内容清单
- 什么是CNAME记录及如何添加修改
- 使用区块属性插件Block Attributes添加自定义HTM...
- 如何为WordPress文章添加自定义字段
- 如何将代码添加到WordPress页眉和页脚
- 如何将WordPress网址图标Favicon添加到您的网站
- 如何添加WordPress图片说明文字
- 如何将Ajax实时搜索添加到您的WordPress
- 如何为WordPress外贸网站添加自动话务员电话系统

