龙三公子博客 - 让自己的内心藏着一条巨龙,既是一种苦刑,也是一种乐趣!
龙三公子博客是一个草根站!一个业余电脑爱好者的独立博客,博客内容综合所有点滴,主要涉及电脑网络、健康养生、日常生活等!

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

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

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

  原来只要作个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页面文件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文件调用生成!如果你在用我的方法中出现疑问,欢迎留言共同交流!

打赏
  • 03-01如何在博文中添加隐形音乐播放器 0
  • 10-29准备制作的基督教的APP的设想 2
  • 12-12让zblogPHP版简单实现首页、文章页等调用不同的侧栏 0
  • 12-13zblog php简单调用相关文章代码 0
  • 08-21zblog安装二级目录出现登陆错误的原因和解决方法 0
  • 09-15zblog留言和评论框内加入背景图片的方法 1
  • 标签: 404 Z-BlogPHP 1.5 Zero JS调用
    分类:主页制作| 发布:龙三公子| 查看:601 | 发表时间:2017-07-27
    原创文章如转载,请注明:转载自龙三公子博客 https://www.mybabycastle.com/
    本文链接:https://www.mybabycastle.com/post/1146.html
    我也设计了一个404页面,不过只是添加游戏功能!
    相对你来说分分钟轻轻松松的事
    2017-08-09 09:52:53 回复该评论
    2017-08-09 09:52:53 回复该评论

    已经有 ( 2 ) 位网友发表了评论,你也评一评吧!  

    Design By XvDesign.Com | Login | Power By Z-BlogPHP 1.5.2 Zero
    点击关闭
    • 联系客服