Meta Slider最好用的WordPress幻灯片插件

最近尝试了十几个WordPress幻灯片/图片滑块插件,发现好用的大都要收费,并且是英文界面。最后还是选择了Meta Slider插件,这个插件专业版也是收费的,但是免费的功能足以满足大部分人的需要。这个插件使用起来非常方便,并且支持中文,个性化设置也很多,感觉不错,故推荐给大家。

Meta Slider 插件是一款集Nivo Slider, Flex Slider, Coin Slider or Responsive Slides 四合一效果的幻灯插件,也就是说你用一款插件可以获得四种插件的效果。另外该插件可以很方便在每篇文章中插入幻灯片,在网站的每一个位置添加图片滑块动画。

我在网站的首页和正文右侧底部各添加了一个幻灯片,大家看看,感觉怎么样呢?简单说一下如何使用,首先在wordpress后台添加并启用Meta Slider插件,打开设置选项,点击添加图片,然后个性化设置一下,比如我的设置如下。

这个插件有个小缺点就是,如果不升级专业版,打开选项设置界面会加载Twitter、facebook和google分享组件按钮,因为链接地址被墙,所以加载非常慢,最后失败!告诉一个好办法,就是打开meta slider插件所在文件夹/plugins/ml-slider,删除ml-slider.php文件中如下代码即可(Ctrl+F搜索facebook定位)

  1. <li style='width: 33%;'>
  2.     <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.metaslider.com" data-text="Check out Meta Slider, an easy to use slideshow plugin for WordPress" data-hashtags="metaslider, wordpress, slideshow">Tweet</a>
  3.     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  4. </li>
  5. <li style='width: 34%;'>
  6.     <div class="g-plusone" data-size="medium" data-href="https://www.metaslider.com"></div>
  7.     <script type="text/javascript">
  8.       (function() {
  9.         var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  10.         po.src = 'https://apis.google.com/js/plusone.js';
  11.         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  12.       })();
  13.     </script>
  14. </li>
  15. <li style='width: 33%;'>
  16.     <iframe style='border:none; overflow:hidden; width:80px; height:21px;' src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fwpmetaslider&amp;width=120&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=21&amp;appId=156668027835524" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
  17. </li>

———————————————————我是有底线的—————————————————

Visant

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: