A 404 页面对于您的主题来说非常重要,以防用户偶然访问到一个不存在的页面或尚未创建的页面。同样重要的是,您的 404 页面应能为访客提供到达正确位置的路径。

接下来的几步将帮助您为 WordPress 主题构建一个有用的 404 页面。

创建 404.php 文件

由于 404.php 文件用于“未找到”错误,因此第一步是创建一个名为 404.php 的文件并将其添加到您的 WordPress 主题文件夹中。

通常,为您的 404.php 提供一个很好的起点是您现有的 index.php

添加文件头部

若要使用您主题的 header.php 文件,请打开您的 404.php 文件。在顶部添加一个描述该文件的注释,并确保包含您主题的头部。

例如:

/**
 * The template for displaying 404 pages (Not Found)
 */
get_header();

为您的 404 页面添加主体内容

要使 404 页面具有功能性,您必须将主体内容添加到您的模板中:

示例:

<div id="primary" class="content-area">
	<div id="content" class="site-content" role="main">

	<header class="page-header">
		<h1 class="page-title"><?php _e( 'Not Found', 'twentythirteen' ); ?></h1>
	</header>

	<div class="page-wrapper">
		<div class="page-content">
			<h2><?php _e( 'This is somewhat embarrassing, isn't it?', 'twentythirteen' ); ?></h2>
			<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p>

			<?php get_search_form(); ?>
		</div><!-- .page-content -->
	</div><!-- .page-wrapper -->

	</div><!-- #content -->
</div><!-- #primary -->

此示例来自随 WordPress 附带的 Twenty Thirteen(十三)主题。它会在 404 页面中添加一些文本和一个搜索表单。

您可以添加自己的文本以使您的 404 页面看起来更好。

添加页脚和侧边栏

创建 404 页面的最后一步是添加页脚。如果您愿意,也可以添加一个侧边栏。

示例:

/get_sidebar();
/get_footer();

现在您有了一个功能齐全的 404 页面,其中包含搜索表单和一些文本,以防用户偶然访问了错误的页面。一旦确认 404.php 已上传,您就可以测试您的 404 页面。只需输入一个不存在的网站 URL 地址即可。您可以尝试类似 http://example.com/fred.php 的内容。除非您实际上有一个名为 fred.php 的 PHP 文件,否则这肯定会引发 404 错误。