提供zblog模板_zblog主题_wordpress模板的下载和定制

zblogphp设置404页面的最新方法

天兴工作室 2014-12-31 15:58 教程 10625 7 评论


之前写过一篇“zblogphp的404页面设置方法“,很多朋友看了之后还是有点疑惑,其实这篇文章是在zblogphp1.2时代写的,现在zblogphp已经升级至1.3啦。

zblogphp1.3版本开始,zblogphp的404页面设置方法就简单很多了,直接在主题模板文件所在文件夹内加一个”404.php“文件即可。不需要任何额外设置。

奉上天兴工作室写的一个简单的404页面,有需要的直接复制即可。

1、先看下此教程了解下文件要放在那里”zblogphp主题模板修改教程 zblogphp模板怎么修改?


2、新建一个404.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>404预警页面</title>
    <link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/{$style}.css" type="text/css" media="all"/>
</head>

<body>
<div id="logo404"></div>
<div id="cw404">
<h1>啊哦...您来到了一个404页面</h1>
<p>提示:您正在打开的页面可能被站长弄坏了!推荐您 <a href="{$host}">返回首页</a> 找到开始的路!</p>
</div>
</body>
</html>

代码里面的js为腾讯的”宝贝回家“公益代码,不需要可以删掉。

ps:由于腾讯耍流氓,所以腾讯代码全部删除...


3、复制以下css代码粘贴至你正在使用的主题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;}

注意下里面的logo图片路径。


好啦,现在刷新下即可看到404页面结果啦,按照本文方法做出来的404页面截图如下:

zblogphp设置404页面的最新方法 zblogphp zblogphp404 404 教程 第1张

当然啦,有疑问欢迎提问。


放绝招啦,实在不会的朋友直接下载天兴工作室已经制作好的404文件上传到你正在使用的主题模板文件夹下即可:点击下载进入百度网盘下载


没有找到能解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

7 位网友评论:

  • zrdiy电子学习网

    zrdiy电子学习网 9年前 (2015-03-05) 回复

    蓝色简洁主题的log位置太短了,不能完全显示,不知道怎么改,来这转转,无意看到这一篇文章,,就到css文件里试了,下搞定了

    • 天兴工作室

      天兴工作室 9年前 (2015-03-05) 回复

      非常赞成自己动手丰衣足食...

  • 有爱博客

    有爱博客 9年前 (2015-02-24) 回复

    我测试了一下,效果不太理想,整个页面被TX的404霸占了,测试了一下贵站长的404也是如此,难道是我浏览器问题么?

    • 天兴工作室

      天兴工作室 9年前 (2015-02-27) 回复

      腾讯流氓,已删除腾讯的代码

  • 雨夜

    雨夜 9年前 (2015-01-07) 回复

    我也是这样干的。。直接复制默认模板里的。。

  • 唐朝

    唐朝 9年前 (2015-01-01) 回复

    直接把默认模板里面的404.php复制粘贴到当前模板即可。

    • 天兴工作室

      天兴工作室 9年前 (2015-01-07) 回复

      我喜欢自己的这个404风格,哈哈哈哈哈 自恋的笑

欢迎 发表评论: 取消回复

请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
  • 登 录
  • 注册账号 忘记密码?
  • 注 册
  • 已有账号?直接登录 忘记密码?
  • 社交账号登录