轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)

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

图片[1]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

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

图片[2]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤:网站前端→使用 Elementor 编辑→选择容器→style(样式)→image

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

图片[3]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

先设置好大容器的背景,注意背景要调成Repeat:No-repeat(不重复),显示尺寸(Display Size):Cover(覆盖)

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

图片[4]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如下图,两列的形式

图片[5]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

第二种则需要elementor Pro

步骤:网站前端→使用 Elementor 编辑→选择容器→Slides(幻灯片)

图片[6]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

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

图片[7]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后进入幻灯片模块

图片[8]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[9]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[10]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[11]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[12]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[13]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

图片[14]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

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

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

请登录后发表评论

    暂无评论内容