2007.11 26

如何自定义404页面

有时你会发现,当你用搜索引擎去到一个内容不存在的页面时,一个简单的错误页面总是让你失望,但一个漂亮却相反地让你想继续,并留下查看这个网站。这也许就是自定义404页面的重要性与必要性所在。然而,404错误页面的设置却在很多时候被忽视了。

你是否跟我一样呢?我认为博客设置一个404页面是非常必要的,特别是那些换过链接模式的Blogger。事实上设置并不困难,主要是经常被大家忽略了。在这里,让我从ASP和PHP两个方面来说说如何设置吧。还会主要介绍一下WordPress的404页面的自定义。而如何找到所要的404页面并定义呢,主要有2种途径:

1、自建页面

现在一般的主机都有自定义404页面的功能,那么,你只要在主机后台管理那设置这个页面的显示内容就可以了;对于自建的页面,如何指向,这里就不多赘述了,你可以参考以下的两篇文章:

2、博客自带

比如Wordpress的模板里面通常会有一个404.php或者允许你建立一个这样的页面,来显示不存在的内容;在这里,我以Wordpress为例,说明如何实现。

1)你可以在theme的目录下,找到404.php或者相关错误页面的filename.php这样的文件,把<?php if (have_posts()) : while (have_posts()) : the_post(); ?><?php endwhile; endif; ?>之间的内容代换成你要显示的内容;

2)如果没有这样的页面的话,你可以新建一个新的php文件,命名为404.php,然后把page.php的内容复制进这个文件里面,把 <?php if (have_posts()) : while (have_posts()) : the_post(); ?><?php endwhile; endif; ?>之间的内容代换成你要显示的内容;

而具体需要什么样的内容,或者说怎样实现更实用或好看的效果,就要看你的创意如何了。如果你还没有什么头绪的话,可以参考一下我的404错误页面:http://www.happinesz.cn/404.php,相信你也会喜欢上这样的页面的。

然而,404页面也并不一定要在本页显示。虽然,上面介绍的方法都是在读者来到的页面显示,但你还可以设置其他的功能,来实现有效阅读。事实上,你可以选择当页面错误或无效的时候,让页面自动跳转到主页或分类的归档页面等。具体的方法在此:自定义404错误页面实现自动跳转,作者已经给出了完整的代码。

好吧,基本上就是这样,简单吧。那么,建一个即使错误也是精彩的页面吧,或许你的读者会因此而喜欢上你的博客呢。如果,你有更精彩的方法或更有效果的方式,希望你也能分享出来给大家,让大家来共同探讨。

26

  1. 2007.11.26 2:54 pm
    jim2008(visit): [回复]

    哈哈,今天总算抢到沙发了,我第一哦,博主更新满勤快的哦 

  2. 2007.11.26 4:08 pm
    Nipao.博客(visit): [回复]

    我以前转载的一篇404错误页面欣赏
    http://blog.nipao.com/articles/292.html

  3. 2007.11.26 6:15 pm
    keke(visit): [回复]

    不想去改了,默认的用用就行了。

  4. 2007.11.26 6:30 pm
    sofish(visit): [回复]

    @jim2008:呵呵…主要是下午突然想更新一下…

    @Nipao:看你了那一篇,帅呆了…有空也去弄张图…

    @keke:有的博客主题默认的就已经很不错…

  5. 2007.11.26 7:46 pm
    Qsar(visit): [回复]

    一直都使用默认的,看了你的文章之后小小的修改了一下…:p

  6. 2007.11.26 9:13 pm
    果子(visit): [回复]

    传说中的404………
    Nipao的那些集锦不错

  7. 2007.11.26 9:42 pm
    qinai(visit): [回复]

    不错,还有建完404后要检证一下,看在搜索引擎上是否表现为200,如果是,那么就需要重新制定404了。呵

  8. 2007.11.26 10:11 pm
    漫步(visit): [回复]

    sofish 多关注smashingmagazine 你会发现很多好东东。

  9. 2007.11.26 10:30 pm
    sofish(visit): [回复]

    @Qsar:…哈哈,要有创意,有创意…

    @果子:灵感大发…然后,发现自己用fireworks做图的能力…心有余,而力不足…

    @qinai:这样啊,还是秦爱有经验…我通常是学一点,发表一点…

    @漫步:也是哦,他的IP好像是每天39W…更新慢点而已…

  10. 2007.11.26 11:41 pm
    痞子新(visit): [回复]

    看到404页面,我竟然邪恶的想到了AV封面。。。

  11. 2007.11.27 12:13 pm
    杀鸡敬猴(visit): [回复]

    好文章,正愁这个就看到了!

  12. 2007.11.27 12:15 pm
    Gomain(visit): [回复]

    其实404页面会不会被搜索引擎收录呢?

  13. 2007.11.27 6:33 pm
    sofish(visit): [回复]

    @新:不错的主题…够吸引…

    @杀鸡儆猴:…找对了,不好撞对了…

    @Gomain:大概不会吧…我好像在google上找不到…

  14. 2007.11.28 8:20 pm
    不常识(visit): [回复]

    相当不错的404错误页!

  15. 2007.11.28 11:25 pm
    ddkk3000(visit): [回复]

    恩,没做,我真懒

  16. 2007.11.29 12:40 am
    badblue(visit): [回复]

    看到过有些人的自定义页面很漂亮,但是自己从来没试过!去试看!

  17. 2007.11.29 12:34 pm
    sofish(visit): [回复]

    @不常识:我自己的那个自己故事整的…

    @ddkk3000:我做完后就分享了…大致一样懒…

    @Badblue:嗯,很多人都做得很有创意…

  18. 2007.12.26 10:05 pm
    OneSheng(visit): [回复]

    很不错,借鉴了!谢谢!

  19. 2007.12.27 2:40 pm
    OneSheng(visit): [回复]

    请问下sofish,你的404页面最下边的那个Box是怎么做的?怎样实现那种滚动显示?谢谢!

  20. 2007.12.27 2:52 pm
    sofish(visit): [回复]

    OneSheng:这里,http://www.happinesz.cn/archives/332之前有写过…

  21. 2008.05.11 7:19 pm
    QQ情侣网名(visit): [回复]

    我终于明白这个页面的重要性了!!!

  22. 2008.06.20 11:40 am
    Poshi(visit): [回复]

    自定义404错误页面实现自动跳转的方法不错,那会好多了…

  23. 2009.11.03 10:05 pm
    Chanson Code(visit): [回复]

    博主您好,新手问个问题:就是说如果我的空间没换过,而原来用的是空间商给的免费三级域名,现在我备案成功了,改成了自己的域名,但是我请空间商把原来送的域名删除了,这样我访问时间提示400错误,这种情况如何处理?谢谢

  24. 2010.06.12 11:07 pm
    magicalboy(visit): [回复]

    博主你好,请问“PHP的可以参考这篇文章: 如何为网站设置自定义404错误页面”的链接是否失效了呢?

  25. 2010.06.13 4:40 pm
    Vaeky(visit): [回复]

    我的博客404页面加了个搜索框。

  26. 2010.07.03 8:43 pm
    NightWind(visit): [回复]

    我博客的模块404时总是返回首页,这样不太好吧。

Additional comments powered by BackType