不用外挂,让wordpress图片灯箱效果

wordpress有灯箱效果,是一件非常棒的事情。
首先,先[button text="下载档案" icon="icon-unlink" type="btn-custom" url="https://drive.google.com/open?id=0B7-p5jspsellS3ZlMjhkMXUxZHM" bg_color="# 1BC4DE" bg_hover_color="#00b3ce" txt_color="#ffffff" txt_hover_color="#cef8ff"]
解开来后,会有
fancybox资料夹
把这个资料夹,丢入wordpress当前主题的目录里面
在当前主题的footer.php里面,在上面加入下面代码:
  1. "stylesheet" type="text/css" href="/fancybox/jquery.fancybox.css" />
在当前主题的functions.php里面,在 上面加入下面代码:
 
  1. //wordpress灯箱效果
  2. add_filter('the_content', 'replace_content');
  3. function replace_content ($content){
  4.     global $post;
  5.     $pattern = "/]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(. *?)<\/a>/i";
  6.     $replacement = '$1href=$2$3.$4$5 class="fancybox"$6>$7';
  7.     $content = preg_replace($pattern$replacement$content);
  8.     return $content;
  9. }
现在,你只需要把新增媒体的图片设定「图片网址」
就会有以下灯箱效果啰!

评论 (0)

此处尚未发表评论

留言

  1. 以游客身份发表评论。注册登入到您的帐户。
附件 (0/ 3)
分享您的位置