用代码代替wordpress插件实现wordpress图片暗箱功能!

本人用的是万网的免费虚拟机,所以感觉还是不要用太多插件了,就想着都用代码代替。

这样会快一些吧!听说!

这短代码还是很简单的,我这里会详细的说下让你们更清楚。

这是测试:
156498(还不错吧!)

首先是下载文件! 提取码:cf7h

文件名是fancybox 然后解压开,里面还有一个fancybox文件夹,然后把这个fancybox文件夹放到网站的主题文件下。

然后在header.php文件里面的</head>前面添加:

<!-- 加载 Fancybox CSS文件 -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.css" />
<!-- 加载 jQuery JS文件(如果模版文件已经加载jQuery,无需加入此段代码) -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery-1.9.0.min.js"></script>
<!-- 加载 Fancybox JS文件 -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>

再在functions.php文件里面添加:

add_filter('the_content', 'fancybox');
function fancybox ($content)
{ global $post;
$pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>(.*?)<\/a>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="box" class="fancybox"$6>$7</a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

这个添加在最后面就好了!

就这样就可以了! 快去看看效果吧!

 

发表评论