Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

今天我们继续讲解Astra主题Elementor更多的设置和技巧,在使用Astra主题Elementor构建WordPress网站时,模块之间的布局和间隙设置至关重要。一个良好的间隙布局可以显著提升页面的美观度与用户体验。然而,很多人常常因为模块拥挤而感到困扰。今天,我们将分享两种简单有效的方法,帮助你轻松调整模块间隙,同时还会介绍如何保存模板以便在其他页面重复使用。

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

如上图,如果每个模块直接很拥挤,那我们应该调整呢,有两种方法

1.我们找到Spacer(垫片),就是间隔器直接拖动到,模块的上面或者下面,或者单独加一个容器,再加入这个Spacer,根据你的实际情况

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

然后我们会进入这个模块的设置,再去调整Spacer(垫片)的具体间隔数值

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

2.第二种就是通过容器(Container)的高级布局功能

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

我们需要先断开这个链接功能,如果不断开四个方向都是链接的,就会造成容器偏移,请看如下第二张那个图片

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)
Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

所以正确的设置是,比如我们想设置上面的空隙,断开链接后,设置TOP(也就是上方)设置好你希望的效果,这是100的效果

这就是模块的间隙的两种调整方法

还有一个保存模块,以便到其他地方使用的方法

比如我需要这个容器的内容或者只需要某个模块

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

鼠标右键点击后,我们会有一个这样的界面,选择保存到模版Save as Template

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)
Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

填写好模版的名称,以便在插入模版的时候方便寻找,点击Save保存

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

如上图,在需要插入的地方选择Termplale模版

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

输入模版的名称就能插入了,是不是很方便,如果模块相同的情况下,确实很方便,但有一个缺点,如果你需要修改模块的内容,需要去网站后端的elmentor模块找到这个模块去修改,大家根据实际情况来调整哦

Astra主题与Elementor:模块间隙调整与模板保存技巧(08)

总结

通过掌握这两种模块间隙调整方法,以及学会保存和复用模板,你可以更加灵活地设计网页布局,提高工作效率。希望今天的分享能够帮助你在Astra主题与Elementor的使用过程中更得心应手。下期我们将继续探讨更多Astra主题与Elementor的实用技巧,敬请期待!


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/17953/

(1)
上一篇 2024年 8月 29日 下午5:46
下一篇 2024年 8月 30日 上午10:06

相关推荐

发表回复

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

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
为方便全球用户注册登录,我们已取消电话登录功能。如遇登录问题,请联系客服协助绑定邮箱。