今天我们继续讲解Astra主题和Elementor更多的设置和技巧,在使用Astra主题与Elementor构建WordPress网站时,模块之间的布局和间隙设置至关重要。一个良好的间隙布局可以显著提升页面的美观度与用户体验。然而,很多人常常因为模块拥挤而感到困扰。今天,我们将分享两种简单有效的方法,帮助你轻松调整模块间隙,同时还会介绍如何保存模板以便在其他页面重复使用。
如上图,如果每个模块直接很拥挤,那我们应该调整呢,有两种方法
1.我们找到Spacer(垫片),就是间隔器直接拖动到,模块的上面或者下面,或者单独加一个容器,再加入这个Spacer,根据你的实际情况
然后我们会进入这个模块的设置,再去调整Spacer(垫片)的具体间隔数值
2.第二种就是通过容器(Container)的高级布局功能
我们需要先断开这个链接功能,如果不断开四个方向都是链接的,就会造成容器偏移,请看如下第二张那个图片
所以正确的设置是,比如我们想设置上面的空隙,断开链接后,设置TOP(也就是上方)设置好你希望的效果,这是100的效果
这就是模块的间隙的两种调整方法
还有一个保存模块,以便到其他地方使用的方法
比如我需要这个容器的内容或者只需要某个模块
鼠标右键点击后,我们会有一个这样的界面,选择保存到模版Save as Template
填写好模版的名称,以便在插入模版的时候方便寻找,点击Save保存
如上图,在需要插入的地方选择Termplale模版
输入模版的名称就能插入了,是不是很方便,如果模块相同的情况下,确实很方便,但有一个缺点,如果你需要修改模块的内容,需要去网站后端的elmentor模块找到这个模块去修改,大家根据实际情况来调整哦
总结
通过掌握这两种模块间隙调整方法,以及学会保存和复用模板,你可以更加灵活地设计网页布局,提高工作效率。希望今天的分享能够帮助你在Astra主题与Elementor的使用过程中更得心应手。下期我们将继续探讨更多Astra主题与Elementor的实用技巧,敬请期待!
暂无评论内容