將WordPress的404錯誤頁面設定爲Windows經典藍白當機畫面

11 月092014

作者：超級efly 發布：2014-11-09 07:39 分類：WordPress 閱讀：8,282

大家還記得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-hant/wordpress-404-windows-blue-screen/

預覽

教學

參考

覺得這篇文章有用嗎？分享一下讓更多人受益吧！

您可能還會對這些文章感興趣！