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

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

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

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

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

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

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

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

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

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

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

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

如下图,两列的形式

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

第二种则需要elementor Pro

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

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

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

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

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

然后进入幻灯片模块

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

(1)
上一篇 2024年 8月 21日 下午5:28
下一篇 2024年 8月 22日 上午10:37

相关推荐

发表回复

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

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

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

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