龙三公子博客-龙三公子博客Z-BlogPHP 1.5 Zero版404页面修改

龙三公子博客Z-BlogPHP 1.5 Zero版404页面修改

龙三公子是个喜欢折腾的人，这个龙三公子博客都折腾了好多个版本了，从最先的asp1.8到asp2.2，又到pHP，最后是现在的php 1.5 Zero版本。早先我的ASP版本有个自己作的404页面，是这样的：

龙三公子博客Z-BlogPHP 1.5 Zero版404页面修改 404 Z-BlogPHP Zero JS调用第1张

原来只要作个404.html文件放入根目录，通过修改.htaccess文件，或者在服务器或者虚拟主机后台中操作，添加404页面代码即可展示。

现在换成PHP1.5 Zero的时候发现404页面变成了：error.php，而且还不是之前PHP版本的的error.html文件，这个页面我就不贴出来了，一来是官方原生态的不很美观，二来暴露了博客登陆地址。所以很多朋友发现这个页面全部是各种调用，瞬间给蒙了也不知道如何修改。通过百度寻找答案分析和以往的经验我对error.php文件进行了修改，现分享一下我是如何利用原asp版本的html文件生成现在的php文件做成现在的404页面的。

下面这张是我修改后的404页面，基本保持了原asp页面样式，只是作了一点儿修改：

龙三公子博客Z-BlogPHP 1.5 Zero版404页面修改 404 Z-BlogPHP Zero JS调用第2张

现在看到后是不是觉得舒服多了。具体操作步骤：

第一步：找到404页面文件error.php并备份。

找到Z-BlogPHP 1.5 Zero版本的404页面：error.php。在程序文件包依次打开：zb_system——defend——error.php，把error.php复制出来。建议作个备份。

第二步：转换原html源代码成js代码并生成js文件

找到你原来的html版的404页面，然后复制代码出来转换成js文件。这里我们可以用站长工具进行操作。

HTML源代码转换JavaScript代码工具

转换完成后建议生成一个叫404.js（名字也可以随意）的文件，路径你自己看着办，想放哪里放哪里（自己博客自己作主）。

第三步：编辑error.php，做成自己想要的404页面了。

可以清空原来的内容，然后把我的复制进去修改。我的error.php如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$language}" lang="{$language}">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="{$language}" />
    <title>糟糕，系统出错，您访问的页面好像不在了，龙三公子深表歉意！ www.mybabycastle.com</title>
    <link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/{$style}.CSS" type="text/css" media="all"/>
    <style type="text/css">
    #logo404{background-color: #FFFFFF;background-image: url(../include/logo.png);background-repeat: no-repeat;background-position: center center;padding-top: 60px;padding-bottom: 60px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #9EAA99;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}
#cw404{width: 720px; margin: 20px auto;}
#cw404 h1{font-size: 18px; line-height: 60px; font-weight: normal; text-align: center;}
#cw404 .kuang{font-size: 14px;border: 1px solid #9EAA99;border-radius: 3px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);padding: 20px;background-color: #FFFFFF;}
    </style>
</head>
<body>
<div id="cw404">
<h1>糟糕，系统出错，您访问的页面好像不在了，龙三公子深表歉意！ www.mybabycastle.com</h1>
<a href="https://www.mybabycastle.com/VIP/index.html" target="_blank">龙三公子邀你看电影娱乐一下，可以不用会员免费看各大视频网站VIP视频，点进去看看休息会儿吧！</a>
<script type="text/javascript" src="/zb_system/defend/404.js" charset="utf-8"></script>
</div>
</body>
</html>

仅需将以上代码中显示文字等的代码内容换成自己的即可，关键是这一句：

<script type="text/javascript" src="/zb_system/defend/404.js" charset="utf-8"></script>

这句就是调用第二步中生成的js文件，目的就是保留你原来html的样貌。当然，我只是小白，如果你是高手，也可以直接给error.php作手术，结合图片作成自己喜欢的404页面。

第四步，保存并上传js文件和error.php文件至原位置。

大功告成！你可以随便弄错个地址试试，比如https://www.mybabycastle.com/aa.html

我的方法说简单点就是不愿意自己再重做，利用原来的html文件调用生成！如果你在用我的方法中出现疑问，欢迎留言共同交流！

打赏

龙三公子博客Z-BlogPHP 1.5 Zero版404页面修改 404 Z-BlogPHP Zero JS调用第3张

支付宝打赏

龙三公子博客Z-BlogPHP 1.5 Zero版404页面修改 404 Z-BlogPHP Zero JS调用第4张

微信打赏

标签： 404 Z-BlogPHP 1.5 Zero JS调用
分类：主页制作| 发布：龙三公子| 查看：2484 | 发表时间：2017-07-27
原创文章如转载，请注明：转载自龙三公子博客　https://www.mybabycastle.com/
本文链接：https://www.mybabycastle.com/post/1146.html