如何启用 fancyBox

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官网