Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

前面已经讲了Astra主题的个别细节功能,今天讲述怎么正式排版

在如今的WordPress生态系统中,Astra主题以其轻量化和高度自定义的特点赢得了广泛的用户青睐。然而,对于初次使用Astra主题的用户而言,如何高效地进行页面排版和模块设置,依然是一个需要探索的过程。在这篇文章中,我们将深入解析如何在Astra主题中使用Elementor编辑器进行页面排版,逐步讲解图片轮播效果和折叠显示图片功能的创建和设置,让你的网页更具吸引力和实用性。

Astra主题是没有主题的特色模块,他适合所有的编辑器,比如默认的Gutenberg编辑器,以及WPBakery PageBuilder还有Elementor编辑器还有他自己的光谱(spectra)编辑器

在进入elmentor编辑界面后,我们会得到一个编辑首页的页面,以下展示的是一个B端已经装修好的页面,具体根据你的实体情况来

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

我们分别讲述一下这些模块是怎么创建和设置的,第一个我们看到的是一个图片轮播效果的展示

步骤:网站前端→Edit with Elementor→Edit lmage Carousel

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)
Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

我们需要设置他这个图片,然后在设置一些展示方法,比如一共展示多少个,或者当前页面展示多少个,还有尺寸的大小

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

这样基本的设置就完成了,当然你如果对于图片或者导航的大小或布局,风格不满意,可按照以下设置去修改

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

下一个是一个折叠显示的图片功能

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

elmentor和elmentor pro的功能基本够用,但如果有些特殊的功能需要用到Essential Addons(就是elmentor的高级附属插件),提供了大量的模块,基本能满足你的所有要求,比如上述的图形折叠模块(Edit lmage Accordion)

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

你安装好后,会出现在elmentor编辑器的栏目的下方,如下图

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

如果大家有兴趣,后续还可以推荐更多elmentor的功能插件

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

折叠模块的设置方法,设置好是Accordion Style:
悬停滑动还是点击滑动,也就是理解为弹窗.

Direction:设置是横屏还是竖屏

Horizontal Alignment和Vertical Alignment
是居中的

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

内容设置好图片,标题和按钮,你可以在描述也就是按钮加入链接,也可以在下方的Title Link加入链接,标题链接点击的范围更大,按钮的只能点击按钮才有会跳转

Astra主题正式排版指南:Elementor模块设置与优化技巧(06)

如果你对他的容器或者文字描述不满意,可以去General(容器)和Color & Typography(文字的颜色大小)去调整

总结:

通过本篇文章的介绍,相信大家对如何在Astra主题中使用Elementor编辑器进行页面排版有了更清晰的了解。在实际操作中,你可以根据自身需求对不同模块进行灵活设置,从而打造出更具个性化和功能性的网页。下一期,我们将继续探讨如何创建更多的容器以及Astra主题的更多高级设置技巧,帮助你进一步提升网站的专业性和用户体验。


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

(0)
上一篇 2024年 8月 28日 下午2:40
下一篇 2024年 8月 28日 下午4:07

相关推荐

发表回复

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

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

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

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