您现在的位置是：首页 > WordPress教程WordPress教程

如何创建WordPress自定义404页面？

WP集市 2025-08-21 【WordPress教程】 1532人已围观

你有没有过这种体验？点开一个链接，蹦出个“404 Not Found”，页面干巴巴的就一行字，瞬间没心情逛了——访客也是这么想的！默认的404页面就像个“此路不通”的破路牌，留不住人。今天咱就聊聊咋把这破路牌换成“欢迎继续逛”的引导牌，超简单，小白也能学会！

先搞懂：404页面是个啥？为啥要自定义？

说白了，404页面就是用户输错网址、页面被删了，或者链接失效时跳出来的“提示页”。默认的丑得一批，要么是系统自带的代码页，要么是主题随便丢的一句话，访客一看：“哦豁，没东西”，直接关页面走人——这流量不就白瞎了？

自定义404页面就不一样了！你可以放搜索框让他搜别的，可以推荐热门文章，甚至放个搞笑表情包缓和气氛——核心就是：别让用户跑了！懂我意思吧？

方法一：插件大法，小白闭眼入（不用写代码！）

如果你是“代码过敏患者”，插件就是你的救星。这玩意儿简单到啥程度？跟安装游戏插件似的，点点鼠标就完事儿。

推荐俩插件，随便挑一个：

404page（老牌插件，口碑贼好）
Custom 404 Pro（功能多，能加图片、按钮啥的）

拿404page举例，步骤就三步：

后台搜“404page”，安装→激活；
先去“页面”→“新建页面”，随便写点内容（比如“哎呀，你要的页面开小差啦！试试搜这个？”），记得加个搜索框（用块编辑器的“搜索”模块就行）；
回到插件设置页，把刚建的页面选为“404页面模板”，保存！

齐活！你想啊，访客看到你写的话，再搜搜别的，这不就留住了？对了，插件虽好，但别装太多，占内存，网站会变慢——贪多嚼不烂嘛！

方法二：手动改代码，技术党秀操作（稍微动点脑子）

如果你想“自己的页面自己做主”，或者主题不支持插件（少见，但万一呢？），那就手动写个404.php文件。别慌，不难，跟着抄作业就行！

准备工作：先去你用的主题文件夹（wp-content/themes/你的主题名）里看看，有没有“404.php”？有就改它，没有就新建一个。记得备份原文件啊！改坏了可别哭鼻子。

直接上代码模板，复制粘贴，改改文字就行：

<?php get_header(); // 调用网站头部，保持样式统一 ?>

<div class="b821-37fe-baec-02b9 error-404-container">
  <h1>404！页面离家出走啦~</h1>
  <p>可能是网址输错了，也可能是页面被删了… 别慌，试试下面的办法？</p>

  <!-- 搜索框：让用户搜别的 -->
  <div class="37fe-baec-02b9-16d5 search-box">
    <?php get_search_form(); // 调用WordPress自带搜索框 ?>
  </div>

  <!-- 热门文章推荐：给他指条明路 -->
  <div class="baec-02b9-16d5-f007 popular-posts">
    <h3>大家都在看这些，说不定有你喜欢的！</h3>
    <?php
    // 查5篇最近的热门文章（按发布时间排，简单粗暴）
    $popular = new WP_Query(array(
      'posts_per_page' => 5,
      'orderby' => 'date',
      'order' => 'DESC'
    ));
    if ($popular->have_posts()) :
      while ($popular->have_posts()) : $popular->the_post(); ?>
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <!-- 文章链接+标题 -->
      <?php endwhile;
      wp_reset_postdata(); // 重置查询，别影响其他功能
    endif; ?>
  </div>
</div>

<?php get_footer(); // 调用网站底部，样式统一 ?>

代码里的文字随便改，比如把“离家出走”换成“开小差”，看你心情。改完保存，用FTP传到主题文件夹（或者直接在后台“外观”→“主题文件编辑器”里改，记得先备份！）。