l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何将WordPress的404页面重定向到主页

如何将WordPress的404页面重定向到主页

Bug编译狮

Bug编译狮

要将WordPress的404错误页面重定向到首页，你需要编辑WordPress的主题文件或使用插件来实现这一功能。以下是一个简单的步骤指南和示例代码，帮助你在WordPress环境中设置404错误页面。

步骤1: 编辑主题文件

首先，你需要找到并编辑你的主题的header.php文件。这个文件通常位于主题目录下的template-parts/header/子目录下。打开这个文件，添加或修改以下代码：

<?php get_header(); ?>

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

        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
            <!-- 你的文章内容 -->
        <?php endwhile; else : ?>
            <!-- 没有帖子时显示的内容 -->
        <?php endif; ?>

        <div class="entry-content">
            <!-- 其他内容 -->
        </div>

        <?php get_template_part( 'navigation', 'nav' ); ?>
    </main><!-- #main -->
</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

步骤2: 添加404错误页面

接下来，在主题的functions.php文件中添加一个函数，用于处理404错误页面。你可以创建一个新的函数，或者修改现有的函数，使其在404情况下返回你定义的HTML模板。

function custom_404_handler($query) {
    if ($query->is_404()) {
        $page_id = 1; // 你的首页ID
        return new WP_Error('custom_404_error', sprintf(__('Page not found!'), '<a href="' . home_url('/') . '">Go to Home</a>'));
    }
}
add_action('template_redirect', 'custom_404_handler');

步骤3: 创建404页面模板

为了更好地控制404错误页面的内容，建议为404错误页面创建一个独立的模板文件。例如，创建一个名为404.php的新文件，并将其放在主题的templates/目录下。

在这个模板文件中，你可以编写你想要显示的信息，比如“页面未找到”等提示信息。

步骤4: 测试更改

保存所有文件后，刷新浏览器以查看是否正确加载了新的404错误页面。确保你已经正确设置了首页的ID（在这里是1），因为这是默认的首页。

示例代码效果

当你访问一个不存在的URL时，如 http://example.com/nonexistent-page，你应该会看到一个定制的404页面，而不是原始的404错误页面。这个页面可能包含链接到你的首页，或者提供其他指示性信息。

通过以上步骤，你就可以成功地将WordPress的404错误页面重定向到首页了。这种方法简单易行，适用于大多数WordPress站点。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在WordPress中，可以使用404.php文件来实现404页面的重定向功能。以下是如何创建并配置这个文件以实现此目的的步骤：

步骤 1: 创建404.php文件

  1. 打开文本编辑器（如Notepad++或Visual Studio Code），新建一个文件。
  2. 在新创建的文件中输入以下内容： 
    <?php
get_header();
?>
<h1>Page Not Found</h1>
<p>We're sorry, but the page you were looking for doesn't exist.</p>
<?php get_footer(); ?>
  3. 将此文件保存为wp-content/themes/your_theme/public/404.php。

步骤 2: 配置WordPress

  1. 登录到您的WordPress网站。
  2. 点击“设置” > “网站”，然后点击“主题”。
  3. 寻找名为“Custom CSS”的部分，点击它进入编辑模式。
  4. 在CSS区域找到以下行： 
    <?php if (is_404()); ?>
   .page-not-found {
       background-color: #f85757;
       color: white;
   }

    这段代码用于定义当访问不存在的页面时，404页面的背景颜色和文字颜色。

  5. 取消选择“启用404错误页面”选项。
  6. 点击“应用更改”按钮保存修改。

步骤 3: 测试404页面重定向

现在，您需要测试一下404页面是否正确重定向到了主页。首先，登录到您的网站，然后尝试访问任何不正确的URL。如果看到一条提示消息或者跳转至一个合适的404页面，那么说明设置成功了。

以上就是将WordPress的404页面重定向到主页的方法。通过这种方式，您可以确保用户无论访问哪个页面都能够在适当的地方得到帮助信息。

最新更新