- 资源介绍
- 更新记录
- 安装教程
今天在群里唠嗑的时候,有个朋友问有没有推荐的图片点击放大预览的WordPress插件,我心想这不就是图片灯箱的效果吗,这玩意儿还要用插件吗?
于是便本着助人为乐的心态给答应他用代码整一个,其实也挺简单的,就2 3个文件而已,整个文件就14k大小,总比插件好好些吧。
最终效果如下图所示

下面详细写下使用方法。
下载文件
1、首先下载文件,在文章底部点击资源下载按钮下载图片灯箱文件。
2、然后把文件上传到主题目录,也就是/wp-content/themes这个目录,解压!
3、在主题的header.php和footer.php文件分别加载css和js:
//header.php添加下面代码
/plugin/css/lightbox.css\" rel=\"external nofollow\" >
//footer添加下面代码
注意:请确保正在使用的主题已经加载了jquery!
如果你使用的古腾堡编辑器,那么教程结束,你可以去试试图片灯箱效果了,不过记得把图片属性链接到图像。
如果你使用的是经典编辑器,那么还需要修改下js文件。
好了,今天的图片灯箱效果WordPress教程到此就结束了,有什么问题可以加入我们的WordPress交流群。
WordPress建站交流群:8424781
猜你喜欢
-
解决WordPress升级时提示正在执行例行维护,请一分钟后回来_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何禁止古腾堡编辑器加载谷歌字体_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress添加文章样式,不同文章形式使用不同模板_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何在文章列表编辑特色图像_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何调用指定ID文章_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress不用插件实现文章AJAX点赞、文章点赞排行_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress优化之去掉分类链接中的category_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress主题分类、文章、页面、文章类型等模版继承规则和自定义方法。_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取自定义文章类型的全部分类法名称、链接、ID_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress实现前台登录功能_52弹弹堂-5466shop.cn
2020-08-28
-
WordPress如何调用指定分类文章_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress主题美化教程-浏览器右边多色滚动条_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress后台如何查看当天用户注册数量以及用户注册时间排序教程_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取指定/当前分类目录的文章数量_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何实现部分文章内容需要登录后才能查看_52弹弹堂-5466shop.cn
2020-08-28 -
wordpress禁止指定省份访问_52弹弹堂-5466shop.cn
2020-08-28 -
RIPRO主题6.x开启(鼠标划过文章网格加载动效)后不能点击,如何解决?教程来了!_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取自定义文章类型分类法的所有文章循环_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress列表上下页数字分页导航代码_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress技巧:获取统计文章内图片数量_52弹弹堂-5466shop.cn
2020-08-28
猜你在找
5466资源网 » WordPress纯代码实现图片灯箱lightbox效果_52弹弹堂-5466shop.cn
- 2020-08-28Hi,初次和大家见面了,请多关照!