鸡西网—微信标志
  • 鸡西网站制作
  • 鸡西网客服热线已更改为”400-0467-004“,请广大客户周知。
  • 鸡西网站设计为您提供免费技术问答.如有您有计算机的相关问题欢迎前来咨询!
  • 敢不敢在鸡西网High一下
  • 网站地图

鸡西网 为WordPress增加FancyBox(LightBox)效果

WordPress Danny.✔ 4539浏览 0评论 百度收否

最近这段时间,鸡西网发布了很多针对于大前端的D8主题的功能修改教程,受到了广大使用D8主题朋友的好评与支持,也有越来越多的朋友付费给鸡西网帮助解决问题。在这里呢,还是感谢大家对鸡西网的支持与信任。

在这里申明一点,鸡西网发布的教程,大多被其他网站转载过。大部分网站在转载后都为鸡西网留下了出处链接,也有个别的网站在转载后没有给鸡西网留下出处链接。反而用鸡西网提供的方法自己发布了模板文件,放到群共享让其他人使用。对于这种文件,鸡西网从未在任何群里发布,请大家周知。另:因使用其他站点发布的模板文件所导致的任何问题,鸡西网不做任何技术支持。如果在这种文件中发现任何后门、木马程序,欢迎大家举报。
今天鸡西网要与大家分享的是不用插件实现为WordPress增加FancyBox(LightBox)效果,这篇教程适合所有WordPress主题,请大家认真跟着本文操作,如果在操作中有什么不明白的,请在第一时间进行评论提问。

效果演示

为WordPress增加FancyBox(LightBox)效果共分3步。

第一步:下载鸡西网提供的WordPress增加FancyBox效果.zip

将下载到的WordPress增加FancyBox效果.zip解压缩,并把其中的fancybox.php文件与fancybox文件夹上传到主题目录下。

第二步:修改functions.php文件

打开主题目录下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效果的文件

调用代码:<?php include( 'fancybox.php' ); ?>
如果需要在网站的所有页面,包括首页,都使用FancyBox效果,请直接修改footer.php,在footer.php的最下边加入调用代码。

如果只需要在文章页面使用,就只在single.php的最下边加入调用代码。

至此,鸡西网为大家提供的为WordPress增加FancyBox(LightBox)效果讲解完成,祝大家修改顺利,感谢大家的支持。

转载请注明:七网科技 » 鸡西网 为WordPress增加FancyBox(LightBox)效果

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (9)

  1. 😳 这个东西有什么用呢。
    月情2013-12-27 23:03 回复
    • 就是给图片,加个效果。。。
      Danny.✔2013-12-28 20:12 回复
      • 就是图片弹出放大效果么???
        qkwu2014-01-04 21:06 回复
        • 嗯,是的。当前窗口放大。
          Danny.✔2014-01-04 21:33 回复
  2. 谢谢了,修改成功。
    魅叶子2014-01-23 17:01 回复
    • 感谢对鸡西网的支持!
      Danny.✔2014-01-24 21:44 回复
  3. 下载不了了呢?
    魅叶子2014-02-10 18:59 回复
  4. 很好的网站,赞一个,加油!
    最励志官网2015-09-01 09:31 回复
  5. 悄悄的路过。
    歪妖内涵网2015-09-04 16:57 回复