WordPress 添加图片点击放大效果

文章目录[隐藏]

在编辑博客的时候插入图片,但是博客一般会自动缩放图片因此会导致图片太小不方便进行阅读。因此需要实现点击放大图片的灯箱效果

实现步骤

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

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

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

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

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

/**图片灯箱自动给图片加链接**/add_filter('the_content', 'fancybox');function fancybox($conten

实现效果

正如本博客的效果就是使用此插件实现,好处是不需要使用插件,坏处是当更新博客主题此步骤就需要重新来一次。

相关推荐

wordpress排序插件

插件的功能也是比较简单,针对文章、页面、分类、标签、链接进行自定义排序,至于这个排序功能对于你来说有什么用处, ...