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

这里直接给出教程和FancyBox文件包!

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

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

首先在主题文件的header.phpl里添加以下调用代码:

<!-- 加载 Fancybox CSS文件 -->
<link rel="stylesheet" type="text/css" href="<?php%20bloginfo('template_directory');%20?>/fancybox/fancybox.css" />
<!-- 加载 jQuery JS文件(如果模版文件已经加载jQuery,无需加入此段代码) -->
<script type="text/javascript" src="<?php%20bloginfo('template_directory');%20?>/fancybox/jquery-1.9.0.min.js"></script>
<!-- 加载 Fancybox JS文件 -->
<script type="text/javascript" src="<?php%20bloginfo('template_directory');%20?>/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主题站点内的图片弹出效果,肿么样,是否十分绚丽呢?呵呵,效果达到!

本站资源来自互联网仅供研究,如有侵权联系删除
望明资源站 » wordpress图片暗箱功能怎么用代码代替wordpress插件实现
微信公众号:望明科技
关注我们,望明科技
已关注16000+人
分享到:
赞(0) 打赏

评论抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏