在 使用了七牛如何再为WordPress以后发布的文章和已经发布的文章图片自动添加链接到原图/媒体文件 文章中，提到了图片灯箱效果，在进行完那篇文章的操作后，我们这里就可以直接使用插件实现，感觉方便快捷。
第一步：查找和安装Auto Highslide插件并启用。
或通过wordpress插件官方将下载Auto Highslide插件，得用FTP上传至服务器的wp-content/plugins/目录文件夹下。目前官方好像已经下载不到了，所以我直接给大家一个吧
[/caption]
第二步：启用插件后，需要设置图片添加链接
wordpress主题默认不添加链接到原图，所以需要添加一段代码，使程序为图片添加链接。
编辑主题文件夹下的 header.php ，添加下面的js代码：
|
1
2
3
4
5
6
7
8
9
|
<script type="text/javascript">
$(function() {
$('.entry img').each(function(i){
if (! this.parentNode.href) {
$(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>");
}
});
});
</script>
|
.entry img 改成自己的，这一步的操作，如果在上篇文章中已经做过了，这里就不需要了。
第三步：将修改好的header.php覆盖上传即可。
当然如果已经默认加了图片链接的文章，可以直接跳过这个步骤
ok，去看效果吧！
运营不易，
感谢支持！
我的微信
我的微信公众号
我的微信公众号扫一扫
我的公众号
