Astra主题正式排版指南：Elementor模块设置与优化技巧（06）

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

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

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

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

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

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

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

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

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

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

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

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

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

Direction：设置是横屏还是竖屏

Horizontal Alignment和Vertical Alignment
是居中的

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

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

总结:

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