国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > php开源 > WordPress > WordPress 如何创建个性化404错误页面

WordPress 如何创建个性化404错误页面

来源:程序员人生   发布时间:2014-03-29 14:12:12 阅读次数:3439次

  网(LieHuo.Net)教程 本文将教你如何为你的WordPress blog创建一个404页面,以前,曾经发表过《Wordpress 如何自定义404错误页面》的文章,如果你的博客已经有这个页面,你也可以学习如何修改404页面使其变得更加友好和个性化。由于404错误页面的特殊,很多时候人们都会忽略了它,并没有想过设计它。其实404错误页面可能意味着用户的离开或者继续浏览你的网页,如果你的404页面太过单调枯燥,游客就很可能不愿意在浏览下去;但如果你的404错误页面富有个性化和友好,就很可能会吸引游客到你的网页的其他页面浏览。

  什么是404错误页面

  大多数时候,您建立网站并多次检查以确保每一个链接都是有效的。但是,随着时间的推移你就有可能忘了某链接指向一个已经删除的页面或者改了名称的页面,或可能改变了名称。又或者游客通过搜索引擎搜索到你的网页但是无法链接到该页面,则也会跳转到404报错页面。一般情况下wordpress主题都包含404.php,你不需要单独去设计一个,但是如果没有或者你希望拥有一个个性化,有创意的404错误页面,你可以单独设计。

  Error 404,中文翻译成404错误页面,是指当用户通过搜索引擎或者直接打开已经不存在的链接时所返回的页面。404错误页面有着特殊的意义:向浏览者反馈一个信息,其所请求的页面不存在或链接错误,同时引导用户浏览该网站的其他页面而不是直接离开。

  基础的404.php 一般情况下wordpress主题都包含404.php,除个别以外。 WordPress默认设置为当页面出错时自动查找404.php文件,但如果此文件不存在,浏览器则会显示令人生厌的错误信息。更甚至有可能对你的博客的SEO有不良的影响。如果你的博客主题没有这个文件。你可以自己创建一个新的空白文件,命名为404.php 下面是最基础的404.php代码: 404.php File

  Error 404 - Page Not Found.

  404.php基本的代码包括H2 tags ——“Error 404 – Page Not Found”,读取header, sidebar, 和footer的指令。当然你可以根据需要对这些代码实行相应的调整以适应自己博客的模板,风格。

  我们将会通过几个步骤来分解修改404.php的教程。请注意,我是一直会使用get_header,get_sidebar和get_footer命令调用wordpress主题文件。根据需要你应该稍微修改404.php文件以适应你的主题。

  开始修改404错误页面

  首先,我们将在404错误页面上添加搜索代码,这样404错误页面就不会过于单调缺乏操作选项。假如有游客浏览了你的404页面,他就可以通过搜索框搜索你的其他页面。这是帮助你挽留游客的一种方法。

  为404.php 添加搜索代码

  Error 404 - Page Not Found.

  Search:

  创意404错误页面

  创建一个具有创意的404错误页面,目的是让浏览者短暂地停留在错误的信息上然后重新引导他们到你的主页。404错误页面可以做得尽可能友好,以便实现搜索引擎优化。 下面我们将开始编辑模板中的header.php文件。在你的header.php在顶部的中meta tags,您可以添加以下代码:

  然后在404.php添下红色部分的代码:

  404.php File

  Error 404 - File Not Found.

  Please to return to our home page, or you can wait to be redirected in 15 seconds.

  上面的例子用于引导游客由404错误页面转向网站主页。这也将有利于网站留住用户,而不是让他们觉得困惑而最终离开。这个例子未必永远是最好的解决方法,但对于游客查找你网站上的内容是非常有效。

  确保404错误页面可以工作

  您可以通过输入一个你网页不存在的页面来测试404错误页面是否有效。(红色部分是你的主页地址) 例如:http://www.yourwebsitedomain.com/test404page.php

  这将会打开你的404错误页面,如果不是则说明测试失败。

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生