fancyBox 是一个 jQuery 弹出层插件
最常用来实现图片的放大显示
如何使用:
一个简单的方法就是先安装 WP fancyBox3 这个插件
然后在当前主题的模板函数(functions.php)中添加如下内容
//fancybox3图片添加 data-fancybox 属性 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 data-fancybox="images"$6>$7</a>'; $content = preg_replace($pattern, $replacement, $content); return $content; }
最后给图片添加链接指向图片自己或者高清大图
完工~
fancyBox3官网