WordPress子比主题未找到页面自定义404页面图文教程

对于新接触WordPress和子比主题的用户来说，网站出现404错误时，默认的服务器或WordPress自带的404页面往往显得简陋，甚至会给用户一种网站“要跑路”的错觉，严重影响用户体验和品牌形象。然而，WordPress子比主题本身提供了设计精美且功能丰富的404页面。本文将引导您如何禁用默认的404配置，让WordPress子比主题自带的404页面“闪亮登场”。

问题现象：

• 配置前： 当网站出现404错误时，显示的是一个丑陋、风格不统一的默认404页面，如下图所示。

优化目标：

• 配置后： 启用子比主题自带的、设计更美观且与主题风格一致的404页面，提升用户体验，如下图所示

解决方案：禁用服务器的404配置规则

WordPress子比主题自带的404页面（以及WordPress主题的404页面）通常是通过WordPress的404.php模板文件来渲染的。然而，如果您的Web服务器（如Nginx或Apache）已经配置了自定义的404错误页面或重定向规则，那么这些服务器规则将优先于WordPress主题的404页面执行，导致您看不到主题自带的美观页面。

要解决这个问题，我们需要禁用服务器级别的404配置。

具体操作步骤（以宝塔面板为例）：

登录宝塔面板：

使用您的账号密码登录到宝塔Linux面板。

进入网站设置：

在BT宝塔面板左侧导航栏中，点击“网站”（Website）选项。

在网站列表中，找到您需要配置的网站域名，然后点击其右侧的“设置”按钮。

找到网站配置文件：

在弹出的网站设置窗口中，点击“配置文件”（Config）选项卡。

禁用404配置规则：

在配置文件编辑框中，您会看到网站的Nginx或Apache配置代码。

查找与404错误页面相关的配置行，通常会包含error_page 404（Nginx）或ErrorDocument 404（Apache）。

Nginx示例：

您可能会看到类似这样的行：

# error_page 404 /404.html;  # 这一行可能是被注释掉的
# 或者
# error_page 404 /index.php?$uri;  # 宝塔默认可能有的规则

找到error_page 404相关的配置，并将其注释掉（在行首添加#符号），或者直接删除。

主题铺建议： 宝塔面板默认的Nginx配置中，通常会有一行error_page 404 /404.html;或error_page 404 /index.php?$uri;。请确保这些行被注释掉或删除。

Apache示例：

您可能会看到类似这样的行：

# ErrorDocument 404 /404.html

找到ErrorDocument 404相关的配置，并将其注释掉（在行首添加#符号），或者直接删除。

保存配置并重启服务：

修改完成后，点击配置文件编辑框下方的“保存”按钮。

宝塔面板通常会自动提示您是否要重启Nginx或Apache服务，请务必点击“是”或“重启”以使更改生效。

完成！

现在，当您的网站出现404错误时，WordPress将会接管错误处理，并调用子比主题自带的404.php模板文件来显示美观的404页面。

主题铺点评： 这是一个非常常见且容易被忽视的细节，但对用户体验的影响却很大。通过简单地禁用服务器级别的404配置，我们可以充分利用子比主题的优秀设计，告别简陋的默认页面。这不仅提升了网站的专业度，也为用户在迷路时提供了一个更友好的引导，体现了网站对细节的关注。