将WordPress的404错误页面设定为Windows经典蓝白当机画面

11 月092014

作者：超级efly 发布：2014-11-09 07:39 分类：WordPress 阅读：8,283

大家还记得Windows时代经典的蓝白当机（蓝屏）画面么？今天「畅想资源」就为大家带来如何将WordPress的404错误页面修改为Windows经典蓝白当机画面，让你的访客大吃一惊吧～

预览

点击「这里」查看线上网页预览

教学

将下方代码添加并替换到「404 错误（找不到档案）模板 (404.php)」内的所有代码（记得备份！），然后点击更新档案即可！

提示：大家可以自由更改代码内的内容，不过推荐仅使用英文，因为该字体其实是没有中文库的哦～

<!DOCTYPE html>
<html>
<head>
	<title>- ooops! -</title>
	<style>
	body {
		background:#0000aa;
		color:#ffffff;
		font-family:courier;
		font-size:12pt;
		text-align:center;
		margin:100px;
	}

	blink {
		 color:yellow;
	}
			
	.neg {
		background:#fff;
		color:#0000aa;
		padding:2px 8px;
		font-weight:bold;
	}

	p {
		margin:30px 100px;
		text-align:left;
	}

	a,a:hover {
		color:inherit;
		font:inherit;
	}

	.menu {
		text-align:center;
		margin-top:50px;
	}

	.input_type {
		text-decoration: blink;
	}
</style>
</head>
<body>
<span class="neg">ERROR 404</span>
<p>
	The page is missing or never was written. You can wait and<br />
	see if it becomes available again, or you can restart your browser.
</p>
<p>
	* Send us an e-mail to notify this and try it later.<br />

	* Press CTRL+ALT+DEL to restart your computer. You will<br />
	 &nbsp; lose unsaved information in any programs that are running.
</p>
Press any link to continue <span class="input_type">_</span>
<div class="menu">
	<a href="<?php echo get_site_url(); ?>">Home</a>
</div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>- ooops! -</title>

<style>

body {

background:#0000aa;

color:#ffffff;

font-family:courier;

font-size:12pt;

text-align:center;

margin:100px;

}

blink {

color:yellow;

}

.neg {

background:#fff;

color:#0000aa;

padding:2px 8px;

font-weight:bold;

}

p {

margin:30px 100px;

text-align:left;

}

a,a:hover {

color:inherit;

font:inherit;

}

.menu {

text-align:center;

margin-top:50px;

}

.input_type {

text-decoration: blink;

}

</style>

</head>

<body>

<span class="neg">ERROR 404</span>

<p>

The page is missing or never was written. You can wait and<br />

see if it becomes available again, or you can restart your browser.

</p>

<p>

* Send us an e-mail to notify this and try it later.<br />

* Press CTRL+ALT+DEL to restart your computer. You will<br />

  lose unsaved information in any programs that are running.

</p>

Press any link to continue <span class="input_type">_</span>

</div>

</body>

</html>

参考

[恶搞专用]把你的WordPress 404页面变成当机的蓝白画面

Blue Screen of the Dead for WordPress

蓝白当机画面

觉得这篇文章有用吗？分享一下让更多人受益吧！

本文固定链接：https://www.arefly.com/zh-hans/wordpress-404-windows-blue-screen/

预览

教学

参考

觉得这篇文章有用吗？分享一下让更多人受益吧！

您可能还会对这些文章感兴趣！