- 资源介绍
- 更新记录
- 安装教程
今天在群里唠嗑的时候,有个朋友问有没有推荐的图片点击放大预览的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的tags标签自定义样式_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何添加用户自定义上传头像功能_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress纯代码实现ajax评论无限加载教程_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何调用自定义分类文章数量_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何获取某个标签下的文章总数_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress PostType(自定义文章类型)功能介绍_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获取本周/今日/24小时内更新的文章数量_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
猜你在找
5466资源网 » WordPress纯代码实现图片灯箱lightbox效果_52弹弹堂-5466shop.cn
- 2020-08-28Hi,初次和大家见面了,请多关照!