首先引入 JS 和 css（文末下载地址），请根据你的文件目录自行修改

<script src=".../js/jquery-3.2.1.min.js"></script>
<script src=".../js/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href=".../jquery.fancybox.min.css" />

 
第二：将部署的文件引入你 WordPress 主题当中 header.php 文件的 之前。
第三：将下面的代码放入你 WordPress 主题下的 functions.php 文件中即可实现效果。
 

/**FancyBox 图片灯箱**/
add_filter('the_content', 'fancybox');
function fancybox($content){ 
    $pattern = array("/<img(.*?)src=('|")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|")(.*?)>/i","/<a(.*?)href=('|")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|")(.*?)>(.*?)/i");
    $replacement = array('<a$1href=$2$3.$4$5 data-fancybox="images"><img$1src=$2$3.$4$5$6>','<a$1href=$2$3.$4$5 data-fancybox="images"$6>$7');
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}

 
点击下载