在编辑博客的时候插入图片,但是博客一般会自动缩放图片因此会导致图片太小不方便进行阅读。因此需要实现点击放大图片的灯箱效果
实现步骤
在当前主题下的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
实现效果
正如本博客的效果就是使用此插件实现,好处是不需要使用插件,坏处是当更新博客主题此步骤就需要重新来一次。