当前位置：首页 > CMS教程 > 正文

如何打开WordPress的404页面？

admin
CMS教程
2025-06-06
2036

在浏览器中直接输入一个不存在的网站URL（ 你的域名.com/任意无效路径）即可触发显示网站的404页面，如需查看404错误记录，可进入WordPress后台的“仪表盘 > 工具 > 站点健康 > 状态”报告查看统计信息。

当访客访问您网站上不存在的链接时，WordPress会自动显示404页面（页面未找到）,以下是关于404页面的详细说明和优化方法：

404页面的作用与触发场景

核心功能
WordPress通过.htaccess文件（Apache服务器）或nginx.conf（Nginx服务器）自动处理无效URL请求，加载主题中的php模板文件。
常见触发原因：
- 已删除的文章/页面
- 错误的URL拼写
- 失效的外部链接
- 更改固定链接结构后未重定向

访问自定义404页面的两种方式

▶ 方法1：手动触发测试（管理员适用）

在网站URL后添加任意无效路径，

https://yourdomain.com/this-page-does-not-exist

直接访问WordPress默认404路径（部分主题支持）：

https://yourdomain.com/?p=9999  （将9999替换为不存在的ID）

▶ 方法2：通过文件管理查看（需主题支持）

登录 主机控制面板 → 文件管理器
（或通过FTP工具连接到网站）
进入路径：/wp-content/themes/your-active-theme/
查找文件：php
（若不存在，WordPress会使用index.php作为默认404模板）

自定义404页面的3种方法

方法1：编辑主题文件（推荐）

创建/编辑 php
在主题文件夹新建文件，添加以下基础代码：

如何打开WordPress的404页面？第1张

<?php get_header(); ?>
<section class="error-404">
  <h1>页面不存在</h1>
  <p>您访问的链接可能已失效</p>
  <?php get_search_form(); // 添加搜索框 ?>
  <a href="<?php echo home_url(); ?>">← 返回首页</a>
</section>
<?php get_footer(); ?>

方法2：使用页面编辑器插件

安装 Elementor 或 Beaver Builder
创建新模板 → 选择“404页面”类型
拖拽设计元素（如：插画、按钮、导航菜单）

方法3：通过SEO插件优化

Yoast SEO：
启用后进入 SEO → 搜索外观 → 错误页面，可设置404页面重定向规则
Rank Math：
在 Rank Math → 常规设置 → 404页面 中添加自定义内容

404页面优化最佳实践

用户体验优化：
- 添加搜索框和热门文章列表
- 设置“返回首页”按钮（链接到<?php echo home_url(); ?>）
- 使用友好插画降低挫败感（推荐Undraw.co免费素材）
SEO优化：
- 返回 HTTP 404状态码（勿用200或302）
- 在 .htaccess 中阻止搜索引擎抓取无效链接：
```
ErrorDocument 404 /404.php
```
- 使用 Google Search Console 提交404链接（覆盖率 → 未找到）
技术维护：
- 定期检查 Broken Link Checker 插件报告
- 设置301重定向修复失效链接（推荐插件：Redirection）

高级技巧：创建智能404页面

// 在404.php中添加动态内容
<?php 
  // 显示最新3篇文章
  $recent_posts = wp_get_recent_posts(array('numberposts' => 3));
  echo '<ul>';
  foreach($recent_posts as $post) {
    echo '<li><a href="'.get_permalink($post['ID']).'">'.$post['post_title'].'</a></li>';
  }
  echo '</ul>';
  // 显示热门产品（适用于Woocommerce）
  if(class_exists('WooCommerce')) {
    echo do_shortcode('[products limit="4" columns="4" orderby="popularity"]'); 
  }
?>