今天浏览知名博客 守望轩 博客时看到了一个比较个性有爱的404页面，于是动手也加入404公益页面，让我们一起帮助宝宝们早点回家把。

其实这是一段代码就有机会挽救一个家庭的举动，希望大家也都加入进来。帮助宝宝们早点回家，下面说说设置步骤，仅对WordPress主题加入一段代码即可。

样式一

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8"></script>

样式二

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="http://yoursite.com/yourPage.html" homePageName="回到我的主页"></script>

两个样式不同的地方是，样式一没有返回首页设置，样式二可以替换http://yoursite.com/yourPage.html为自己首页连接。

加两处代码直接添加在 WordPress主题 的404模版中即可。由于本站启用了https，所以加载图片的时候经常出错，所以加了一层跳转，如果你也是站长，希望也能加入进来！

我添加了一个跳转，本身不是程序猿，所以没有想到更换的办法，效果如下：

跳转代码如下：

<form name=loading> 
　<p align=center> <font color="#0066ff" size="2">正在进入404公益行动，宝贝回家、请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
　　<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;"> 
　　
　　<input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;"> 
　　<script>　 
var bar=0　 
var line="||"　 
var amount="||"　 
count()　 
function count(){　 
bar=bar+2　 
amount =amount + line　 
document.loading.chart.value=amount　 
document.loading.percent.value=bar+"%"　 
if (bar<99)　 
{setTimeout("count()",100);}　 
else　 
{window.location = "https://sheruo.com/huijia.html";}　 
}</script> 
　</p> 
</form> 
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="https://sheruo.com/huijia.html"><font color="#FF0000">请点这里</font></a>.</p>

将以上代码加入到 WordPress主题 的404模版中 ，本站是新建的html页面，加入这段代码直接跳转到html页面即可。将https://sheruo.com/huijia.html替换成你的404的html页面即可。新建404html页面可以参考上面说的样式一和样式二。

专业处理，商标专利等疑难案件，各类侵权诉讼案件分析规避！了解详情

© 除注明外，均为 Sheruo 原创。转载请注明来源：https://sheruo.com/203.html