[wordpress插件] Clean Slider for WordPressWordPress的清洁滑块

Clean slider requires some HTML & CSS knowledge to use.

“清洁”滑块需要一些HTML和CSS知识才能使用。

This lets you to have slideshows or nicely looking image banners on your site and customize it exactly the way you’d like.

这样一来，您就可以在网站上进行幻灯片放映或精美的图片横幅，并完全按照自己的方式自定义。

That means you got default slideshow back-end and need to style your front-end.

这意味着您拥有默认的幻灯片放映后端，并且需要对前端进行样式设置。

Here are the key features:

主要功能如下：

1. Images used via WordPress Media functionality
2. 通过WordPress媒体功能使用的图像

3. Multiple slideshows on single page also can be used as banners
4. 单页上的多个幻灯片也可以用作横幅

5. Drag to sort slide image positions
6. 拖动以对幻灯片图像位置进行排序

7. Scale image with window
8. 使用窗口缩放图像

9. Clean & simple WordPress back-end
10. 干净简单的WordPress后端

11. Don’t strict much things there
12. 不要在那里严格要求

13. Different layout per slide
14. 每张幻灯片的布局不同

15. and more…
16. 还有更多……

After activating plugin you can add unlimited slideshows and images.

激活插件后，您可以添加无限的幻灯片和图像。

Each slideshow there have default settings.

那里的每个幻灯片都有默认设置。

It’s some basic slideshow functionality like slide & fade duration and more.

它是一些基本的幻灯片显示功能，例如幻灯片和淡入淡出的持续时间等。

You have possibility to show/hide your slideshow and define image centering by x/y axis.

您可以显示/隐藏幻灯片并通过x / y轴定义图像居中。

There is also CSS ID attribute to merge with front-end and name to identify on back-end.

还有CSS ID属性可与前端合并，并具有名称以在后端进行标识。

Clean slides have very simple HTML structure with div ID value choosed and caption class.

干净的幻灯片具有非常简单的HTML结构，可以选择div ID值和标题类。

You have option to choose if sample CSS styling will be applied.

您可以选择是否应用示例CSS样式。

Default CSS styling is very basic – it gives just font centered and painted to white.

默认的CSS样式非常基本-它只提供居中的字体并涂成白色。

Credits:


积分：


– jQuery ( https://jquery.com/ )


– jQuery（https://jquery.com/）


– jQuery UI / sortable ( https://jqueryui.com/sortable/ )


– jQuery UI / sortable（https://jqueryui.com/sortable/）


– Backstretch ( http://srobbin.com/jquery-plugins/backstretch/ )


– Backstretch（http://srobbin.com/jquery-plugins/backstretch/）


– Sweet alert ( http://t4t5.github.io/sweetalert/ )

–甜蜜提示（http://t4t5.github.io/sweetalert/）

How to

操作方法

You need to be sure that you have:

您需要确保您拥有：

1. Read plugin description and understand plugin
2. 阅读插件说明并了解插件

3. Have idea & front-end CSS style defined
4. 已定义想法和前端CSS样式

5. Have included in content with shortcode:
   

6. 已包含在带有短代码的内容中：
   

   [vava slider=”X”]

[vava slide =” X”]

or directly from theme with PHP code:

或直接从主题使用PHP代码：

  <？php
echo do_shortcode('[vava slider="X"]');
回声do_shortcode（'[[vava slide =“ X”]'）;
?>
？>
 
where X is shown on slideshows listing page.
其中X显示在幻灯片列表页面上。
EOF
 EOF