本人用的是万网的免费虚拟机,所以感觉还是不要用太多插件了,就想着都用代码代替。
这样会快一些吧!听说!
这短代码还是很简单的,我这里会详细的说下让你们更清楚。
首先是下载文件! 提取码: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; }
这个添加在最后面就好了!
就这样就可以了! 快去看看效果吧!