WordPress设置网站动态标题

前言

我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“你又回来了(/≧▽≦/)！”的字样。那么我们如何实现呢？其实很简单，只需一句 javascript 语句即可实现。

请看下面的教程。

使用教程（具体看本站动态标题）在后台主题设置—>添加代码—>顶部(header)自定义 js 代码

把下面的代码添加到里面即可实现。

<script> 
var QzdyTitile = document.title,titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "你又回来啦！(/≧▽≦/)" ;
        titleTime = setTimeout(function() {
            document.title = QzdyTitile 
        },
        2000)
    }
});
</script>

注：代码中“你别走吖 Σ(っ °Д °;)っ”和“你又回来啦！(/≧▽≦/)”可自行修改成自己喜欢的标题文字。