跳过到主内容
< 返回
当前位置:
打印

向滑块中添加幻灯片

目录

每张幻灯片都是一个独立的项目,包含其自身的内容、图片、布局设置和滑块分配。请先创建可复用的滑块,然后添加它应显示的幻灯片。

创建并分配幻灯片

1. 导航至 仪表盘 -> 幻灯片 -> 添加幻灯片,并输入一个易于识别的标题。

2. 在滑块选择字段中,将幻灯片分配到所需的滑块。

3. 使用您网站上使用的页面构建器来构建幻灯片内容。在 Elementor 中,幻灯片选项可在文档设置中找到。在 WPBakery 中,请使用幻灯片设置面板。

4. 配置幻灯片的图片、布局、对齐方式和动画,然后发布幻灯片。

带有 WoodMart 幻灯片设置的幻灯片编辑器
创建内容并配置单个幻灯片的设置。

幻灯片图片和背景

图片选项是显示主要视觉内容的推荐方式。它会输出一个图片元素,并支持响应式图片来源,帮助浏览器根据访问者的设备加载合适大小的图片。

当图片需要作为 CSS 背景,或者您需要为桌面端、平板和移动端分别设置背景图片和位置时,请使用背景部分。您也可以设置背景颜色。

幻灯片设置中的图片和布局选项
配置幻灯片图片及其内容布局。

内容布局

  • 内容无间距 — 移除幻灯片内容周围的填充。
  • 全宽内容 — 允许内容区域使用可用的滑块宽度。
  • 内容宽度 — 当全宽内容被禁用时,设置自定义的响应式宽度。
  • 垂直内容对齐和水平内容对齐 — 分别在桌面端、平板和移动端独立定位内容。
  • 动画 — 为幻灯片内容应用入场动画。

滑块分配和顺序

一张幻灯片只会出现在其被分配到的滑块中。您可以在创建幻灯片时进行分配,也可以稍后更改分配。

将幻灯片分配到可复用滑块
选择应包含该幻灯片的滑块。

使用页面属性中的排序字段来控制幻灯片顺序。数值较小的幻灯片会显示在数值较大的幻灯片之前。

用于排列幻灯片的排序字段
设置幻灯片的显示顺序。

要使整个滑块全宽,请在滑块设置中使用拉伸滑块。每个幻灯片的全宽内容选项仅控制该幻灯片内部的内容区域。