Tag: 幻灯片设置

Astra主题的幻灯片有两种方式

在选择幻灯片(Slides）的时候，需要确保你开通了elementor Pro版，普通版是没有的，一般Astra模版导入后，首页的图片都是容器背景，是不可轮播的

我们先讲第一种不需要elementor Pro版的

步骤：网站前端→使用 Elementor 编辑→选择容器→style（样式）→image

一般是一个大容器里面加入的小容器，小容器分为两列，然后有标题或文本，这样就形成了一个不轮播的首页

先设置好大容器的背景，注意背景要调成Repeat：No-repeat（不重复），显示尺寸（Display Size）：Cover（覆盖）

然后替换掉模版的标题和文本就行了，当然模版不一样设置也不一样，如果是两列的情况下，右边有图片，那就替换图片就行

如下图，两列的形式

第二种则需要elementor Pro

步骤：网站前端→使用 Elementor 编辑→选择容器→Slides（幻灯片）

进入左侧编辑页面，滑动到Pro界面，找到Slides(幻灯片）

在添加之前，我们需要加入Container或Grid（也就是容器），这样才好控制模块的功能

然后进入幻灯片模块

会有内容设置和高度以及一些其他的设置

第一个是背景，以及背景的底色，如果有设置图片背景，底色的颜色也是会被覆盖的

第二个就是幻灯片的内容展示，在这里替换内容，以及按钮和跳转的链接，

第三个就是内容风格，如果你选择默认的，则展示在中间的位置，如果你需要其他设置，以及更多的展示方式，则需要打开自定义功能

宽度根据实际情况调整，我这是到顶的

还有一个整体幻灯片的风格调整，这里有针对标题或描述，和按钮，以及单个设置

到这里，你就会Astra主题的幻灯片几种展示了，，下一期我们讲述Astra主题更多的功能和技巧