樱桃Framework 4. 如何使用motoppress滑动条
2015年7月1日
樱桃Framework 4. 如何使用Motopress滑块
本教程展示了如何使用 MotoPress滑块 in WordPress模板:
添加文本,图像,按钮和视频层
-
去 MotoPress 滑块 在管理区. 在此部分中,您可以编辑、复制或删除幻灯片. 我们有一个 滑块. 点击 编辑幻灯片:
-
我们可以看到幻灯片列表. 您可以使用拖放功能更改幻灯片的顺序(此类部分在 截图). 您也可以在“幻灯片列表”部分复制或删除幻灯片:
-
这是我们的幻灯片. 我们可以看到它有一个图像. 给幻灯片添加一些文本 添加文本 按钮:
-
点击有文字的图层,选择合适的图层 style. 您可以添加文本和 html 代码 文本/html section. 你也可以 动画效果:
-
您可以使用 添加图片 button. 点击按钮,选择图像 媒体 库或从您的计算机上传:
-
您可以更改图像尺寸并将其拖动到适当的位置. 您也可以指定链接到图像 层设置:
-
现在我们要 添加按钮:
您可以选择按钮样式,为按钮分配链接并指定 style. 你可以改变图层的顺序(使用右侧的拖放功能):
-
让我们添加一层 Video 我们的幻灯片:
-
您还可以在相应的部分调整视频播放器的设置:
-
保存更改:
-
检查你的网站. 我们添加了 文本, 图像, Button 和 视频层:
更改幻灯片图像
- 现在我们要改变这张幻灯片的图像. 你可以在图片部分这样做:
-
您可以使用来自的图像 媒体 库或从外部URL. 单击Browse image以便从中选择图像 媒体 库或从您的计算机上传.
我们建议您上传与原始图像具有相同宽高比的图像 滑块 图片. 在这种情况下 布局 of 滑块 图像将与原始模板中相同:
-
我们的 滑块 具有景观纵横比. 您可以上传另一个宽高比的图像,如正方形图像. 在这种情况下,您需要进行调整 布局 使用大小部分设置. 您可以尝试不同的设置,以找到哪个大小 预设 会更好地工作:
-
我们可以看到我们有白色 background 因为图像不能覆盖所有区域. 你可以改变 background 颜色 Color 选项卡. 你可以设置颜色或 梯度 as background:
将图像幻灯片替换为视频幻灯片
-
我们的地方 视频幻灯片 代替图像滑动:
-
开放 图像 选项卡 然后点击 删除 按钮:
-
去 Video 选项卡. 您应该以适当的格式上传视频,并指定这些视频的直接链接. 您可以使用 媒体 经理或 举办 文件管理器. 您还可以调整视频设置:
-
保存更改并检查幻灯片:
设置自定义链接到幻灯片.
可见性设置.
一般设置.
请随时查看下面的详细视频教程: