jQuery Colorbox插件:让图片放大并在当前页面展示

2017年7月11日21:19:46 发表评论 275 views

我们在使用WordPress搭建的网站编辑文章的时候,有时候会搭配使用一些图片,使自己的网站看起来更丰富。然而,有时会受到使用主题的限制,造成图片太大不能完全显示的问题,或者你想让你的网站看起来用户体验度更好,想让你网站上那些配置的图片能让用户自由点击放大,这时候你就需要一款比较好的插件。

使用工具:

1、WordPress后台

2、jQuery Colorbox插件,下载地址:https://wordpress.org/plugins/jquery-colorbox/

 

安装使用:

1、下载完成后,进入WordPress管理后台【仪表盘】-【插件】-【安装插件】-【上传插件】-【选择文件】-【现在安装】;

jQuery Colorbox插件:让图片放大并在当前页面展示
jQuery Colorbox插件:让图片放大并在当前页面展示

 

2、启用jquery-colorbox插件,【仪表盘】-【插件】-【未启用】-找到jquery-colorbox插件并启用;

jQuery Colorbox插件:让图片放大并在当前页面展示

 

3、设置jquery-colorbox插件,安装并启用完成后,依次点击【仪表盘】-【设置】-【jquery-colorbox】打开“jQuery Colorbox项设置”。这里的设置只需要将第一个选项“自动为页面,日志和库中的所有图像使用jQuery Colorbox:”勾选中,然后保存即可,其他选项可以不用设置。

jQuery Colorbox插件:让图片放大并在当前页面展示

 

4、使用jquery-colorbox插件,新建一篇文章,或者编辑你事先发布文章中的图片,将【图像详情】-【显示设置】-【链接到】改为“媒体文件”,这时候会自动为当前图片生成一个链接,然后点击更新该文章即可。

jQuery Colorbox插件:让图片放大并在当前页面展示

 

5、保存修改完成后,即可去后台查看效果,这个效果显示非常棒。但是提醒要注意的是,如果你插入的图片太大,当你选择用jquery-colorbox插件显示图片时,有时候点击放大,图片显示会超过显示器界面,所以建议在使用图片时,尽量保证图片在可显示的尺寸范围。

jQuery Colorbox插件:让图片放大并在当前页面展示

里维斯社

发表评论

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