WP FEATHERLIGHT:一个超级好用的图片灯箱效果插件

其实使用WP的用户可能会有这样的困扰就是——添加图片时要么没有办法添加链接、要么添加了链接直接跳转到了图片地址。如果你希望你的网站用户体验更好,建议给你的图片设置一个灯箱特效。

所谓灯箱特效就是——当点击图片时,自动在原页面上放大图片,而不是跳转到其它地方;同时点击空白初自动缩小并还原图片,就像下面这样(下图是GIF动图,可以点击图片观看动态效果):

如果你的网站中有一些数据图,需要用户放大观看的,那么建议使用灯箱特效(图片放大缩小特效)。这样用户体验会更好。

PS:本文中的所有图片都使用了灯箱特效;你可以点击任意图片测试放大缩小的效果。

这里给大家推荐的插件就是:WP Featherlight

你可以在WP后台-插件-安装插件搜索关键词 “WP Featherlight”就可以找到。它不需要设置,只需要轻松的下载、安装并启用即可。

启用完插件后,你只需要对图片做一个小操作就能实现点击图片自动放大缩小的灯箱特效。

首先我们添加一张图片:

然后点击图片,并选择链接;同时将链接模式选择为链接到【媒体文件】

点击【回车】按钮,确认链接即可。

如果你希望图片放到最大,那么点击图片,在右侧选择【图像尺寸】到完整尺寸就可以。就像下图这样:

注意:点击图片放大后的大小和你原图有关,如果你原图就很小,那么就无法放太大。

下面就是我添加的一张图片,大家可以试一下效果:

(本文中的每个图片都有点击放大缩小的功能)

PS:本网站用的所有的点击放大功能是模板自带的,并非使用的插件

WP Featherlight之外还有其它的插件吗?

答:有的;除了我推荐的这款插件之外,你也可以尝试用Simple Lightbox;又或者是使用Meow Lightbox;这些插件使用方法几乎是相同的。

同时,你还可以自己在WP后台-插件-安装插件中搜索关键词 “lightbox”找到同类型的插件。

如果不是WordPress程序怎么实现这样的特效?

答:你可以让技术人员通过调用js代码来实现。毕竟这些东西都是开源的,在Github上面都有源代码。只要开发者同意,你就可以免费使用它的js代码。

地址:https://github.com/noelboss/featherlight/

如何指定一篇文章不使用这个特效?

答:这个插件是可以指定某篇文章进行关闭或者开启的。只需要在文章编辑时,在右侧设置中找到【WP Featherlight】栏目,并选择【Disable Lightbox】就可以在当前文章中关闭图片放大缩小功能。

Hostwinds VPS方案整理

Hostwinds 新手推荐入门方案如下,最近调整价格后,托管型方案价格比以前涨了很多,其实价格没怎么变,只能说折扣不像以前那么大。

CPU 内存 硬盘 流量 带宽 托管型(25%折后) 购买 非托管型 购买
1 核 1GB 30GB 1TB 1Gbps $8.24/月 购买 $4.99/月 购买
1 核 2GB 50GB 2TB 1Gbps $16.49/月 购买 $9.99/月 购买
2 核 4GB 75GB 2TB 1Gbps $29.99/月 购买 $18.99/月 购买
2 核 6GB 100GB 2TB 1Gbps $38.24/月 购买 $28.99/月 购买
4 核 8GB 150GB 3TB 1Gbps $59.99/月 购买 $38.99月 购买
4 核 12GB 200GB 4TB 1Gbps $74.99/月 购买 $49.99/月 购买
6 核 16GB 300GB 5TB 1Gbps $110.24/月 购买 $76.99/月 购买
8 核 32GB 400GB 6TB 1Gbps $168.74/月 购买 $124.99/月 购买
12 核 64GB 500GB 8TB 1Gbps $274.49/月 购买 $214.99/月 购买
16 核 96GB 750GB 9TB 1Gbps $395.24/月 购买 $328.99/月 购买

推荐站内搜索:云服务器、永久免费云服务器地址、美国服务器、100m虚拟主机、网站备案查询、主机服务器租用、虚拟主机空间、网址域名注册信息查询、便宜域名、虚拟主机购买、