Wordpress网站维护教程:让页面打开后自动刷新一次

Wordpress网站维护教程:让页面打开后自动刷新一次-悦然跨境出海

继续分享wordpress网站维护教程。前段时间的一个关于wordpress网站维护项目中(给网站加速),悦然遇到了一个非常令人头疼的问题,因为这个wordpress网站在老版本AVADA主题上进行了魔改二次开,网站的主要页面基本都是写死的,代码非常混乱,除了原作者,外人几乎没办法再对它进行修改和优化了。虽然经过折腾网站打开速度有了提升,但是有几个页面始终存在问题,就是首次打开时有部份内容会长时间空白,如果不管它,那就会等很久才会显示,如果手动刷新页面,它就会很快显示出来。

对于原模板的代码我已经无能为力了,但是我想到了一个笨办法,那就是给有问题的页面添加自动刷新代码,且仅刷新一次。经过测试以下两个JavaScript脚本可以达到我想要的效果。

代码1:

<script type="text/javascript">
if(location.href.indexOf("#reloaded")==-1){
        location.href=location.href+"#reloaded";
        location.reload();}
</script>

这段代码会在用户首次打开页面时自动刷新一次,但是URL后台会多出#reloaded,

代码2:

<script>
if(window.name == ""){
window.location.reload();
console.log("首次被加载 刷新页面");
window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值
}else if(window.name == "isReload"){
console.log("页面被刷新");
}
</script>

上面的代码效果一样,不过URL不会出现多余的参数。

使用方法

以上两段代码都可以使用,我们只需要把它添加到对应的位置即可生效,下面分几种情况。

位置1:添加到单独的文章或页面

这种种添加方法比较简单,只需要在wordpress古腾堡编辑器中添加一个HTML模块,然后把上面的任意一段代码粘贴进去就可以了。这段代码是不会显示在前台的,所以页面中你可以和正常情况一样去编辑内容,然后发布就可以了。

位置2:添加到某一类文章或页面中

这种方式稍微麻烦一点,这需要你找到wordpress网站对应的分类或页面模板文件,然后然后把上面的代码添加到这个页面模板的【head】标签中就可以了。

位置3:给整站添加

这种方式稍微简单一些。我们可以找到当前wordpress主题的header文件,然后把上面的添加添加进去就可以了。也可以使用第三方的header代码添加插件(搜索Head and Footer就能找到很多),把上面的代码添加到插件中就可以了。

总结

本次wordpress网站维护项目中遇到的问题也是比较奇特的,其他人可能很难遇到,所以本文的方法大家了解一下即可,可能你根本就不会遇到,即便你遇到了类似的问题,那最好的处理办法其实是重做网站,换个主题,这样才可以一劳永逸的解决问题。

购物车
优惠劵
搜索