WordPressLeaf主题如何利用jQuery插件slick增加幻灯片滚动功能

导语:本来WordPressLeaf主题的首页幻灯片是没有滚动功能的，主要是我们以为这个滚来滚去晃人眼睛，就没有增加。但在最近发现，网友们看文章只看眼皮底下的，明明第二张幻灯片文章就是主题的安装设置步骤，可就是看不到。

如何增加幻灯片滚动功能

其实增加起来也很方便，WordPressLeaf主题使用了jQuery响应式幻灯片图片切换特效，所以在增加的时候只要增加相应的参数就可以了。

正常需要加载的文件

<script src="https://www.wordpressleaf.com/wp-includes/js/jquery/jquery.js?ver=1.12.4" type="text/javascript"></script>
<script src="https://www.wordpressleaf.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1" type="text/javascript"></script>
<script src="https://www.wordpressleaf.com/wp-includes/js/jquery/slick.js?ver=1.4.1" type="text/javascript"></script>

使用时HTML内容

你可以查看本站幻灯片的HTML代码，我在这里就不贴出来了。

javascript函数调用

<script type="text/javascript">
  jQuery(document).ready(function(){
    "use strict";
    jQuery(".<?php echo $slider_class; ?>").slick({
      rtl: <?php echo $slick_rtl; ?>,
      slidesToShow: 1,
      slidesToScroll: 1,
      draggable: true,
      dots : true,
      arrows : false,
      autoplay: true,
      autoplaySpeed: 2000
    });
  });
</script>

至于那些参数是什么意思？有没有更多的参数？你可以去在网络上搜索一下。

加完代码之后，WordPressLeaf主题首页幻灯片滚动就可以滚动起来了。

你可以点击 演示获得更多的代码演示。

结束

我们已经在github上更新了WordPressLeaf主题的最新版本，版本号为1.0.5。你可以访问这里来获得最新的版本和更新信息。