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

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

图片[1]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

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

图片[2]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[3]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[4]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[5]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[6]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

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

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

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

图片[7]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[8]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[9]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[10]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[11]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[12]-Astra主题与Elementor:模块间隙调整与模板保存技巧(08)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

总结

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

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容