在日常建站的过程中,假如网站文章中需求插入大量图片而又不想影响用户体验,图片轮播将会是一个不错的选择,但是这关于刚刚接触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属性)”,经过设置这两个选项能够协助搜索引擎爬虫愈加快速准确地定义我们的图片以加快网站内容的收录。
官网下载:https://wordpress.org/plugins/ml-slider/
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.gyzsq.com/wp-content/uploads/2022/07/9259adea4619.gif)
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
![头像](/wp-content/themes/zibll/img/avatar-default.png)
- 最新
- 最热
只看作者