首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >WordPress 添加图片点击放大效果

WordPress 添加图片点击放大效果

原创
作者头像
Qwe7
发布2022-03-14 12:30:08
发布2022-03-14 12:30:08
6.7K0
举报
文章被收录于专栏:网络收集网络收集

在当前主题下的header.php文件下添加以下代码

代码语言:javascript
复制
<!-- 图片放大 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />

在当前主题下的footer.php文件下添加以下代码

代码语言:javascript
复制
<!-- 图片放大 --><script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

在当前主题下的functions.php文件下添加以下代码

代码语言:javascript
复制
/**图片灯箱自动给图片加链接**/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)('|\")(.*?)>(.*?)<\/a>/i");    $replacement = array('<a$1href=$2$3.$4$5 data-fancybox="gallery"><img$1src=$2$3.$4$5$6></a>','<a$1href=$2$3.$4$5 data-fancybox="images"$6>$7</a>');    $content = preg_replace($pattern, $replacement, $content);    return $content;}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档