新主题上线，先备份一篇来自CREEKOO的用代码代替wordpress插件实现wordpress图片暗箱功能的文章吧，对于本站来说，这样的功能是十分需要的，因为对于wordpress主题预览的时候，如果放大图的话，影响网站加载速度，现在有了这个功能后，即可在文章内容里插入缩略图，用户点击后弹出最大的清晰图片，是否很多朋友也在为wordpress自带的图片弹出效果十分差而烦恼吗？
那么今天这篇文章将为您解决这个问题！
这里直接给出教程和FancyBox文件包！
首先在主题文件的header.phpl里添加以下调用代码：
- <!-- 加载 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;
- }
最后下载FancyBox文件包解压后放到主题文件的根目录下后，全部保存。。。现在看看wordpress主题站点内的图片弹出效果，肿么样，是否十分绚丽呢？呵呵，效果达到！
