最近发现博客网站经过整改，删除的文章链接打开空白一片
博客网站去年底找了一个开心版主题CoreNext，当时用起来速度还挺快的，后面又慢慢变卡了，后面就又卸载不用。今年发现此主题作者又推出了新的主题，详情可以了看本站建站模板版块有介绍：AeroCore 主题发布https://www.lucaixing.com/bbs/thread-716-1-1.html 然后就又去下载安装来试看看，发现比以前好用，而且更快更流畅，而且开发测试期间免费使用。于是就又给安装试看看，到现在用了有一个多月了，一直都很流畅，而且作者没几天就更新，不断有新的功能出来，相信此主题会有前景，能适应现在建站的发展环境。由于网站全面整改，以前的内容都删除了，包括这里论坛的内容，都是重新发布的新帖子。有博客站用户反馈说以前的链接打开怎么一片空白，一直等都没内容。
经过对主题的源码了解发现，作者没有做404页面，上一版CoreNext主题是有的。简单粗暴直接从那边复制404.php文件过来，经过一些地方的改动后，放在主题根目录下，和functions.php文件同级，直接看效果：
https://cgb.lucaixing.com/wp-content/uploads/2026/03/1a01b283cd107877720b39d2d92694d4.webp
后面再通过DeepSeek提供的代码，经过测试调整最终确定了最终文件：
https://cgb.lucaixing.com/wp-content/uploads/2026/03/2f789a287848e8534b6dd41c2d745023.webp
但是效果不是很理想
https://cgb.lucaixing.com/wp-content/uploads/2026/03/5fad1614f2ff9e2c7e05467b1315cc84.webp
404图片被挡住了，后面再通过对CSS的修改和添加相关元素后效果如下：
https://cgb.lucaixing.com/wp-content/uploads/2026/03/69c6c336084ab2808af559908917c34a.webp
从已删除文章的链接可以看到实际效果：https://www.lucaixing.com/post/14455.html
下面是完整的404.php文件
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 - 页面不存在 - <?php echo get_bloginfo('name'); ?></title>
<!-- 自定义 CSS 文件 -->
<style id="wp-img-auto-sizes-contain-inline-css" type="text/css">
img:is(,){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<?php
// 加载主题的 header
$header_file = get_template_directory() . '/templates/views/common/header.php';
if (file_exists($header_file)) {
include($header_file);
}
?>
</head>
<body>
<div id="core-next-app">
<app-header id="app-header"></app-header>
<div class="body-warp">
<main class="container">
<div class="main-warp" style="text-align: center; padding: 235px 60px;">
<!-- 404 图片 -->
<img src="<?php echo get_template_directory_uri(); ?>/static/img/404.svg"
width="100%"
style="max-width: 500px; margin-bottom: 30px;"
alt="404">
<div style="margin-top: 30px;">
<h2 style="font-size: 24px; margin-bottom: 15px;">😕 内容不存在或已被删除</h2>
<p style="margin-bottom: 30px; color: #666;">抱歉，您访问的页面可能已被移除或链接有误</p>
<a href="<?php echo home_url(); ?>"
style="display: inline-block; padding: 12px 30px; background: #0073aa; color: #fff; text-decoration: none; border-radius: 4px; transition: background 0.3s;">
返回首页
</a>
</div>
</div>
</main>
<?php
// 加载 footer
$footer_file = get_template_directory() . '/templates/views/common/footer.php';
if (file_exists($footer_file)) {
include($footer_file);
}
?>
</div>
</div>
</body>
<?php wp_footer(); ?>
</html>
页:
[1]