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