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主题更多的功能和技巧
暂无评论内容