不用外挂,让wordpress图片灯箱效果
点击数: 2278
文章目录
- 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里面,在上面加入下面代码:
- 在当前主题的functions.php里面,在 上面加入下面代码:
- 现在,你只需要把新增媒体的图片设定「图片网址」
- 就会有以下灯箱效果啰!
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里面,在上面加入下面代码:
- "stylesheet" type="text/css" href="/fancybox/jquery.fancybox.css" />
在当前主题的functions.php里面,在 上面加入下面代码:
- //wordpress灯箱效果
- add_filter('the_content', 'replace_content');
- function replace_content ($content){
- global $post;
- $pattern = "/]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(. *?)<\/a>/i";
- $replacement = '$1href=$2$3.$4$5 class="fancybox"$6>$7';
- $content = preg_replace($pattern, $replacement, $content);
- return $content;
- }