无论你如何努力保持你的WordPress网站的完美，你可能已经意识到这是根本不可能的事实。当你不断发布新内容、出版新页面、改变网站结构的时候，问题就会出现。无一例外。但不要担心这个问题! 你的任务毕竟不是做一个完美的网站，在管理一个网站的同时把它做好才是。
今天，让我们把所有其他的错误和问题放在一边，集中讨论普通网民在浏览时最常见的问题之一。即使那些没有网络技术经验的人也知道404错误页面。在你的网络生活中，你已经看到了一些这样的情况，不是吗?
但是，虽然呈现这样的错误信息很容易，但更具挑战性的任务是定制这个错误页面，使其更方便用户使用。
什么是404错误页面?
当在你的网站上找不到一个特定的页面时，服务器会在浏览器中显示一个404错误信息。这只意味着该页面或帖子不在该网站上(了)。通常情况下，这种情况发生在用户错误输入你的网站的URL时，或者当你删除一个已经被搜索引擎收录并从其他来源链接的帖子时。推荐阅读：《搭建WordPress网站需要什么条件?》
例如，如果你有一个联系页面www.你的域名.com/contact，而有人试图登陆www.你的域名.com/contacts，WordPress会重定向到404.php页面。
如果你决定阅读更多关于404错误页面的信息，有可能你最终会发现一个关于这个错误命名的神话。曾几何时，人们认为这个错误是以欧洲核子研究中心的一个房间命名的，因为最初的网络服务器就在那里。事实却有些不同。所有的HTTP状态代码实际上是由万维网联盟建立的，与房间或建筑物没有关系。
WordPress中的默认错误页面
默认情况下，每个WordPress主题都有一个404.php模板，负责向不幸的读者显示错误信息。不幸的是，那些默认页面是相当通用的，只包含基本信息。所以，如果一个用户登陆到你的404.php页面，WordPress将只是让他知道在你的服务器上找不到所请求的资源。正如你从截图中看到的，Twenty Seventeen主题的信息不是很有个性。你就是要改变这一点，你不觉得吗?
如果你很幸运，你正在使用的主题已经带有一些404错误页面模板。也许它甚至会让你通过一个用户友好的界面来定制页面。但如果不是这样的话，不要担心。我们现在将告诉你如何自己创建一个页面，并让读者了解情况。
在WordPress中，什么是一个好的错误页面?
不是所有的错误页都是一样的。有时，一个不同的造型就足以吸引你的用户的注意力。但更有可能的是，你需要一些其他的元素来保持事情的进展。根据我们的经验，一个好的404模板应该有以下大部分元素：
- 道歉 – 在页面上清晰可见的自定义个人信息
- 图片 – 使错误页面看起来不那么可怕的(有趣)图像
- 联系 – 显示一个联系人信息或表格
- 搜索框–让人们在你的网站上搜索其他内容
- 最近的文章 – 让访问者打开最新的文章中的一篇
- 热门文章 – 让访问者看到你最热门的文章
很明显，页面的元素将取决于网站。有时一张有趣的图片就是不能成为严肃的商业网站的一部分，有时你会在根本没有博客文章的网站上工作。但是，从列表中选出最好的，在将元素放到页面上之前要三思而后行。
获得定制页面的想法
我们遇到过一些惊人的自定义错误页面，可以帮助你获得想法。通常情况下，让你的404页面变得有趣是个好主意。因为你已经不得不承认一个错误，你的访问者会喜欢在页面上看到有趣的东西。
如果你能做到让访客在不存在的页面上也能保持注意力，你可以肯定他们会在这里停留更长时间并再次回来。当然，你还可以做更多的事情来使错误页面对用户友好，但我们将在后面讨论这个问题。
创建一个自定义的404错误页面
首先，我们想提醒你，修改主题的文件不是最好的做法。在你开始修改之前，我们想建议你使用一个子主题。当你为你的网站创建一个子主题时，对其文件的所有修改都不会受到你对常规主题的更新的影响。在这种情况下，在子主题中创建一个404.php文件不会对原来的文件产生影响，但它仍然会显示给你的访问者。
不要误解我们，如果你修改原始文件，不会有任何差异。但在这种情况下，一定要建立一个备份，以便在更新后可以恢复变化。
让我们假设你没有偷懒，已经准备了一个子主题。所以，第一步是创建一个新文件：
打开你创建子主题的文件夹
创建一个404.php文件
编辑该文件
复制并粘贴以下代码：
<?php get_header(); ?> <div id="主要内容"> <div class="容器"> <div id="content-area" class="clearfix"> <div id="left-area"> <article id="post-0" <?php post_class ('et_pb_post not_found'); ?>> <img src="/image.jpg"> <h1><?php esc_html_e('页面未找到','WP循环'); ?></h1> <p><?php esc_html_e('哦不！你打开的页面 不存在。请使用以下链接 导航到更安全的地方。', 'WP Loop'); ?></p> </article> <!-- .et_pb_post --> </div> <!-- #left-area --> <?php get_sidebar(); ?> </div> <!-- #content-area --> </div> <!-- .container --> </div> <!-- #main-content --> <?php get_footer(); ?>
在第7行改变你的图片的路径
在第8行修改标题
在第9行写一个自定义信息
保存修改
你已经成功创建了一个自定义模板。如果你预览这个页面，你会看到一个图片、信息和你的标准页眉、侧边栏和页脚，就像你在所有其他页面上看到的那样。尽管如此，这与我们之前描述的相差甚远，因为没有小部件，所以请再坚持一会儿，直到我们创建出你想要的完美的404.php。另外，如果能在页面上添加一些样式就更好了。
添加自定义的小工具
虽然有可能从头开始为整个页面编码，但没有必要这样做。WordPress已经允许你添加小工具，这些小工具将帮助你显示最近和最流行的文章。从4.8版本开始，你甚至可以在专门的小部件中添加多媒体，那么为什么不利用这个优势呢?
要专门在404.php页面添加新的部件，我们建议创建一个新的部件化区域(在你的页面上允许部件的空间)。在某些情况下，WordPress主题允许你从仪表板上创建新的部件化区域。因此，快速浏览一下外观->小部件。如果你很幸运，会有一个选项为你创建这个区域。如果没有，让我们快速创建一个，这样你就可以在你的新页面上有不同的小工具：
转到你的子主题的文件夹
打开或创建 functions.php 文件
复制并粘贴代码：
function widget_area_404() { register_sidebar( array( 'name' => '404 Page', 'id' => '404', 'description' => __( '404错误页面的小部件' ), 'before_widget' => '<div class="et_pb_post">', 'after_widget' => '</div>', 'before_title' => '<h4 class="widgettitle">', 'after_title' => '</h4>' , ) ); } add_action('widgets_init', 'widget_area_404');
保存修改
打开你之前修改过的404.php文件
在你想显示新部件的地方复制并粘贴以下代码(例如在标题和文本之后)：
<?php dynamic_sidebar('404'); ?>
保存修改
在告诉WordPress在哪里显示新的部件区域后，现在是实际添加部件的时候了。因此，导航到外观->部件，选择最近的帖子、热门帖子或任何其他你想在你的新404页面上的部件(另一个例子是免费的谷歌地图部件来显示你的位置)。不要忘记根据你的喜好定制小工具，如果你想在页面上添加图片、视频或音频文件，请记住有新的多媒体小工具。推荐阅读：《WordPress网站安全防护插件Nintechnet》
使用插件来创建一个自定义页面
如果你遵循了所有的步骤，那么恭喜你–你有一个自定义的404错误页面，它将加载到任何一个到达无法访问的页面的访问者。但是，即使创建一个自定义模板并不难，当你只需要复制和粘贴我们提供的代码，也会有很多人愿意在一个用户友好的界面中工作。在这种情况下，我们想向你展示一个简单的插件，它将为你创建自定义404页面。
5sec Proper 404
价格：10美元
这个高级插件非常简单。从你安装它的那一刻起，你将能够选择任何常规的WordPress页面作为你的新404页面。这意味着，你可以简单地添加文本、链接和多媒体，就像其他文章或页面一样，并通过直观的WordPress编辑器进行样式设计。然后，5sec Proper 404将让你把该页面标记为你的新404页面。而且，基本上，这就是你所要做的一切
通过使用该插件，你可以忘记我们在本文中使用的模板和代码。创建一个页面后，该插件可以让你使用五个快捷键(最近的，流行的，类似的帖子，搜索表单，和谷歌搜索小工具)。这意味着你完全不必担心部件化的区域或造型问题。
当你已经在处理破损的页面时，为什么不完全消除它们呢?5sec Proper 404会创建一个详细的日志，向你展示所有导致404错误信息的破损页面。虽然访问者会看到你的新页面，但你可以从后台工作，找到不起作用的链接，并尽可能地修复它们。
结论
现在，我们已经向你展示了在WordPress中定制404页面的两种不同方法，现在是你大显身手的时候了。不要让人们把时间落在那些没有帮助的通用错误页面上。用一些代码使它个性化。一旦你创建了一个自定义404页面，别忘了在下面的评论中留下链接–我们很想看到你的成果!推荐相关阅读：《2022如何为WordPress网站选择合适的主题》
