WPJAM Basic 的「CDN加速」功能很早就支持上传外部图片了:
但是之前实现的方式是静默的,就是用户在编辑文章的时候,自动抓取外部图片,上传到服务器,再镜像到云存储。
让用户获得参与感
当时的功能叫做「远程图片」,虽然在设置页面也做了详细的说明,但是不会用的还是不会用,最可气的是,还说我功能做的不行。😠
后面我学习到,功能最好做成显式的,而不应该默默的干活,应该有让用户有操作的记忆,这样用户才有参与感,用户才会给到有意的反馈,所以我就把远程图片进行了改进。
首先改下名字,和过去做下告别,远程图片的名字改成外部图片,然后把功能从文章编辑页面移动到文章列表。
一键上传外部图片
开启上传外部图片的功能之后,在文章列表页,每篇文章的操作按钮就有了「上传外部图片」的按钮:
只要点击该按钮,就会扫描文章中的图片,然后抓取该篇文章的外部图片,上传到服务器。
并且该功能支持批量操作,在后台文章列表页选择一批文章,然后点批量操作下的「上传外部图片」就可以批量上传一批文章的外部图片。
这个功能的 JS 效果,我做了好久,「上传外部图片」的操作会一个一个顺序操作,被操作的文章如果不在当前屏幕,屏幕还能自动滚动到相应的位置。我特意做了一个操作演示视频来演示功能,个人感觉还是相当牛逼的:
推荐阅读:
WPJAM Basic 功能详细介绍:优化设置
WPJAM Basic 功能详细介绍:CDN 加速
WordPress 性能优化:为什么我的博客比你的快
WordPress 博客使用阿里云对象存储 OSS 进行静态资源 CDN 加速
点击卡片关注「WordPress果酱」
每天分享 WordPress 使用技巧
⏬⏬ 下载 WPJAM Basic 请点击阅读原文
© 版权声明
文章版权归作者所有,未经允许请勿转载。
相关文章
暂无评论...