在日常建站的过程中,如果网站文章中需要插入大量图片而又不想影响用户体验,图片轮播将会是一个不错的选择,然而这对于刚刚接触WordPress的朋友们来说并不是一件容易的事情,不过幸运的是WordPress插件库中提供了多种多样的幻灯片插件,我们可以使用这些插件来达到相同的效果,经过对多个幻灯片插件的对比我最终决定给大家推荐这款名为Meta Slider的插件。
Meta Slider,中文名为梅塔幻灯片,这款插件与我之前介绍过的另一款插件 TablePress——一款方便快捷的WordPress表单插件 一样,采用短代码([metaslider id=xxxx])的形式进行调用,插件可以自使用移动端大小并且包含SEO设置选项利于SEO优化。除了实现图片的轮播效果,这款插件还支持视频轮播、发布的文章轮播、动画层效果以及缩略图导航等效果,不过这些效果都需要购买付费版,对于普通用户而言我们使用免费的图片轮播效果就好了。插件安装完成后我们可以在文章编辑界面及外观/小工具中找到对应的按钮,通过这些按钮我们可以为文章及网站侧边栏添加一些幻灯片内容。
插件的使用比较简单,目前已经有中文版的后台界面了,不过还是奉上我亲自设置使用的心得给大家希望对大家有所帮助。
常规选项
Meta Slider 是一款集Flex Slider、Responsive Slides、Nivo Slider以及Coin Slider 四合一效果的幻灯插件,你可以根据自己喜好自由选择任意一种幻灯片效果,并且Meta Slider的每一种显示效果都对应一系列的选项,我们可以对这些选项的选择来进一步美化幻灯片在前端的显示。
标题:幻灯片的名称,主要是方便我们在调用幻灯片时快速地定位到自己所需的幻灯片。
宽度/高度:幻灯片在前端显示的宽高比,移动端显示时插件会自动适应移动设备以最佳显示。
效果/主题:针对四种类型的幻灯片,Meta Slider提供了一系列效果的定制功能,你可以通过该选项调整幻灯片在前端的显示效果,不支持的效果会以灰色显示,大家可以自行尝试各种效果以加深理解。
箭头:幻灯片两侧是否显示箭头标识。
导航:幻灯片底部是否显示内容导航,默认是以点的形式显示。
高级设置
对于一般的用户而言设置好Meta Slider的常规选项既可以获得一款非常漂亮的幻灯片了,不过对于部分用户可能对幻灯片有更高的要求,为此Meta Slider提供了一些高级设置的选项,通过它你可以设置更加个性化独一无二的幻灯片。
拉伸:对于幻灯片中的图片,当与所设置的高宽比不同时,是否拉伸图片以适应高宽比。
居中对齐:对于幻灯片中多种尺寸的图片,是否采用居中对齐的方式使得所用图片显示在幻灯片框的中央。
自动播放:加载幻灯片后是否自动播放幻灯片中的内容。
自动裁剪:当图片尺寸大于幻灯片高宽比时,采用何种方式对图片进行处理以适应幻灯片高宽比。
传送带模式:就是幻灯片图片显示时以传送带的样式轮播,两张图片之间会有一定的间隙。勾选此选项后会增加一个“传送带模式边距”的选项,用来设置两张图片间的间距。
随机:勾选此选项后幻灯片内图片开始随机显示而不再是按排列的顺序。
悬停时暂停:勾选此选项则在鼠标停留在幻灯片上时悬停以使用户查看相应图片。
反向:反转过度效果的方向。
幻灯片播放间隔:设置每隔多少秒播放下一张幻灯片。
动画速度:设置每一张幻灯片播放的速度。
滑动方向:设置图片是上下滑动还是左右滑动。
松:设置动画的宽松度,这个选项下插件默认提供的效果比较多大家可自行尝试一下。
表示“上一张”or“下一张”的文本:用户可通过此选项自定义幻灯片左右两侧的文本图标内容。
开发人员选项:主要是帮助开发人员更加方便设置个性化的CSS样式及JS效果。
SEO功能
除了上面提到的幻灯片的各种设置,Meta Slider还提供了完善的SEO设置选项,帮助我们做好图片的SEO优化以加速网站的收录。
在每一张幻灯片下都提供了单独的设置选项,我们可以通过设置各个幻灯片的“标题”及“URL”来引导网站访问者通过点击对应的幻灯片跳转到不同的页面(URL)中去以增加访客驻留时间,降低网站跳出率。
除了对幻灯片“标题”及跳转“URL”的设置,我们还可以通过对应幻灯片下的“SEO”选项。
设置“图片的标题文字”及“图片的替代文字(alt属性)”,通过设置这两个选项可以帮助搜索引擎爬虫更加快速精确地定义我们的图片以加快网站内容的收录。