Elementor怎样在一行内添加2个按钮。

在网页设计中,双按钮是一种很常见的设计,在一行中添加2个按钮,可以让用户方便的进行选择,虽然在Elementor中并没有提供双按钮元素或者对应的选项,但是我们可以通过一些方法来实现一行内加2个或者更多的按钮,在本文中我们就教大家如何实现

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

Elementor怎样在一行内添加2个按钮。

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

Elementor怎样在一行内添加2个按钮。

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

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

Elementor怎样在一行内添加2个按钮。

在移动端的表现也不错

Elementor怎样在一行内添加2个按钮。

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

更多使用Elementor技巧与方法,查看 Elmentor教程

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/112992.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(1)
重蔚的头像重蔚管理团队
上一篇 2022年10月25日 01:33
下一篇 2022年10月25日 01:33

相关推荐

  • WordPress配置全站HTTPS教程(基于宝塔面板)。

    如今,随着Google等互联网巨头的推广,HTTPS几乎已经成为网站的标配,在新版的Chrome中,没有HTTPS的网站甚至会被提示为不安全,为网站开启HTTPS势在必行,在本文中我们来分享一下如何在宝塔面板中为WordPress开启H…

    2022年10月25日 wordpress开发
    037
  • WordPress图片设置技巧。

    WordPress本身是很强大的程序,它有很多功能但是并没有一次性将其展现给我们,需要我们自己去研究发现,今天就和大家分享一些WordPress图片设置的技巧 修改WordPress默认图片尺寸 许多人都会忽略WordPress的图片功…

    2022年10月25日
    035
  • wordpress自定义字段(1):什么是自定义字段?

    在本文开篇前,我们得首先了解一个概念——wordpress自定义字段。那么,什么是wordpress自定义字段?wordpress自定义字段,就是额外给wordpress文章添加的一个元素,如:产品价格。wordpress自定义字段存放在数据库的…

    2019年10月12日
    0628
  • wordpress广告位代码。

    WordPress广告代码是一种用于在WordPress网站上插入广告的代码,它可以帮助你通过展示广告来获得收入,例如谷歌AdSense、亚马逊联盟等,生成WordPress广告代码的方法有很多,下面将详细介绍如何生成这些代码。 1. …

    2024年6月29日
    00
  • 免费的WordPress沙箱测试工具poopy.life。

    相信对于Wordpress使用者来说,测试主题和插件是每个人都会做的事情,但是总是用自己的站点进行测试并不是一个很好的选择,因为每次安装新的东西,可能都会在数据库留下痕迹,而新建站点的话也比较麻烦,就算很熟悉…

    2022年10月25日 wordpress开发
    025
  • 最适合初学者的WordPress SEO实践

    初学者到SEO面临很多挑战。在开始时有很多事情要做和学习,这使得无法区分重要和应该首先完成的任务以及可以在以后实施的最不重要的任务。 确实,网上有很多关于\'WordPress SEO\'的信息。 问题在于,如果您不熟悉W…

    2019年8月8日 SEO操作
    0337
  • 如何让WordPress使用主题自带404页面而不是宝塔默认页面。

    许多人用宝塔建站后会发现,当访问一个不存在的页面时,默认并不会显示自己WordPress主题漂亮的404页面,而是会显示宝塔自带的一个 404 Not Found 的页面,没有任何内容,用户体验非常不好 在本文中,我们就教大家…

    2022年10月25日
    020
  • 为WordPress添加Google reCAPTCHA进行人机身份验证。

    为了防止WordPress垃圾评论以及恶意登陆,我们除了可以添加传统的验证码外,还有一种更好的方法就是添加Google reCAPTCHA进行人机身份验证,比验证码更严格,接下来我们就教大家如何为WordPress添加Google reCAPTCH…

    2022年10月24日 wordpress开发
    038

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息