Sakurairo美化

站点添加动态标题

演示

主要效果是当用户离开站点或回到站点时，网页的标题会随着改变；具体显示内容可自定义实现。

实现

打开/wp-content/themes/Sakurairo主题目录下的header.php

在</head>前面添加下面的代码

<script>
	// 添加动态标题
	let originalTitle = document.title;
	let titleTimeout;

	document.addEventListener('visibilitychange', function() {
		if (document.hidden) {
			document.title = "(つェ⊂)糟糕，网站崩溃了";
			clearTimeout(titleTimeout);
		} else {
			document.title = '(*´∇｀*) 哎呀，又好了~ ' + originalTitle;
			titleTimeout = setTimeout(function() {
				document.title = originalTitle;
			}, 4000);
		}
	});
</script>

参考：[Sakurairo] - 主题自定义美化系列一 - Rainx's Blog (rainxblog.top)