代码实现WordPress前后台文章编辑器只显示上传到当前文章的图片或附件

WordPress后台撰写文章默认点击添加媒体以后是会显示所有的已经上传的图片文件,每当加载一次需要巨大的带宽流量,这对于一个网站来说,就那种剧烈的数据流量下载是非常大的。如果此时有用户正在访问你的网页,估计那一瞬间也不会好受,毕竟那时候的整个网站处于大流量下载状态。整个网站会变得非常缓慢,对于当时访问的用户来说是一种不好的体验,而如果使用配置较差的用户,WordPress一度会进入假死转态。

今天教大家一个好的解决办法,可以最大化避免在WordPress后台中撰写文章添加媒体的时候实现按需加载媒体。降低图片加载所需要的巨大流量。

代码实现WordPress前后台文章编辑器只显示上传到当前文章的图片或附件

文章内容知识扩展

大家都知道WordPress的图片数据,分为原图、缩略图、以及裁切过后的几种规格尺寸的图片。而有的用户主题优化的比较完善,甚至于已经禁止了WordPress自动裁切缩略图的功能,这让WordPress在媒体库中加载图片的时候,加载的图片数据直接是我们当时上传的原图,可想而知每一张图片动则几百KB或者上几MB,那服务器的压力有多大。

总的来说宽带是需要给用户访问的时候体验的,毕竟它的侧重是用户访问的效率,而非作者的体验。

实现撰写文章按需加载图片代码

//显示当前文章的图片或附件
add_action( 'wp_footer', 'mobantu_mediapanel_lock_uploaded' );//让前台编辑器也生效
add_action( 'admin_footer-post-new.php', 'mobantu_mediapanel_lock_uploaded' );
add_action( 'admin_footer-post.php', 'mobantu_mediapanel_lock_uploaded' );
function mobantu_mediapanel_lock_uploaded() { ?>
<script type="text/javascript">
jQuery(document).on("DOMNodeInserted", function(){
jQuery('select.attachment-filters [value="uploaded"]').attr( 'selected', true ).parent().trigger('change');
});
</script>
<?php }

以上代码的使用方法非常简单;

打开wordpress的后台编辑器,找到外观——主题编辑器,将代码粘贴到function.php文件中即可。

以上代码除了可以让wordpress后台编辑器媒体中心按需加载之外,前台调用默认编辑器也可以实现,如果您的网站有很多的作者,我想这个功能也会帮到您。

人已赞赏
WordPress功能优化

禁用WordPress Gutenberg古腾堡编辑器

2020-5-14 23:47:04

WordPress功能优化

自定义Gutenberg(古腾堡)编辑器只显示需要的区块

2020-5-21 12:49:05

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索