云上小悟
首页   关于   小悟志   栏目   标签   文章   归档   友链   联系

   云上小悟  +  

给文章图片添加灯箱效果:Easy FancyBox插件

网站建设 / by: 麦新杰 / 发布:2016年4月2日 / 129次阅读 / 暂无评论
标签:WordPress插件   / 最后修改时间: 2016-04-02 14:58:04

网站建设 / 2016年4月2日 / 129次阅读 / 标签:WordPress插件  


给文章图片添加灯箱效果:Easy FancyBox插件

Easy FancyBox插件是一款可以让你的WORDPRESS网站瞬间高大上的灯箱插件,它的效果是给图片增加传说中的灯箱效果。

啥是灯箱效果?

灯箱效果就让文章页面的图片的点击效果变成像灯箱一样(不知道怎么表达)。默认情况下,我们点击图片,链接到图片文章,这时的页面除了图片什么都没有;使用灯箱效果之后,点击图片,图片的展开就像悬浮在原始网页上,视觉效果非常好。

为什么要给图片增加灯箱效果?

给图片增加灯箱效果,至少有两个好处:

1, 原始图片比较大,而网页尺寸较小,图片在网页上展示被迫缩小,使用灯箱效果可以把图片完全展开;

2, 提高用户体验,视觉效果极佳。

灯箱效果展示

灯箱效果展示:云上小悟独立博客首页

灯箱效果展示:云上小悟独立博客首页

Easy FancyBox插件的配置

Easy FancyBox插件从名字上来看,Easy就表示了使用方面的简单。插件安装启用之后,其配置界面如下:

Easy FancyBox插件配置界面

Easy FancyBox插件配置界面

Easy FancyBox插件的配置界面在多媒体配置界面里面。

插件默认情况支持jpg,jpeg,png图片格式,我们还可以增加gif,webp等格式。通过Easy FancyBox插件的配置界面,我们还可以选择灯箱效果的类型,此插件提供了好几种选择。还可以选择是否显示图片的标题,以及标题的显示效果。对于图片gallery,此插件也可以提供支持。配置如下图:

Easy FancyBox插件各项参数配置

Easy FancyBox插件各项参数配置

插入图片选择链接到媒体文件

插入图片选择链接到媒体文件

这个选择是一劳永逸的,第一次选择了之后,以后所有图片的插入,默认都是这个选择。

 

本小站图片未使用灯箱效果的原因是文章图片显示已经够大,而且,由于移动端代码适配的原因,使用灯箱效果反而把图片缩小了。

Easy FancyBox插件官方地址:https://wordpress.org/plugins/easy-fancybox/

本文固定链接:http://www.maixj.net/wangzhan/easy-fancybox-11751
amazon进口原版图书

“给文章图片添加灯箱效果:Easy FancyBox插件”正在等您

发表评论

电子邮件地址不会被公开。 必填项已用*标注


前一篇:
后一篇:

麦新杰的云上小悟独立博客网站文章内容,除非特别注明,全部都是原创,如需转载,请先阅读版权声明!原创文章更具个性,有些文字虽略显随意,但不影响个人思想表达。部分文章是我自己的笔记,为自己记录,总结和收藏,同时也分享给您!这是本博建设的出发点,希望您喜欢并得到您的支持!喝杯茶,慢慢阅读...

©Copyright 麦新杰 SINCE 2014 云上小悟独立博客版权所有  备案号:苏ICP备14045477号-1  

本站360安全检测  Valid CSS!