WordPress设置网站动态标题

前言

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

样式图:

WordPress设置网站动态标题

WordPress设置网站动态标题

使用教程:

1.  把下面的代码放入主题目录下footer.php文件里的<?php wp_footer();?>上面即可。

代码如下:

//动态标题
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
if (document.hidden) {
document.title = "你别走吖 Σ(っ °Д °;)っ";
clearTimeout(titleTime)
} else {
document.title = "(/≧▽≦/)你又回来啦! " ;
titleTime = setTimeout(function() {
document.title = OriginTitile
},
2000)
}
});

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

2. 或者在首页文件位于“</hesd>”标签之前添加下面的代码也可以

<script type="text/javascript">
/* 动态标题*/
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
if (document.hidden) {
document.title = "你别走吖 Σ(っ °Д °;)っ";
clearTimeout(titleTime)
} else {
document.title = "(/≧▽≦/)你又回来啦!" ;
titleTime = setTimeout(function() {
document.title = OriginTitile
},
2000)
}
});
</script>

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

版权声明 1 本站名称:许天的小木屋
2 本站永久地址:https://www.ahap.cn
3 本文名称:WordPress设置网站动态标题
4 本文永久链接:https://www.ahap.cn/231.html
5 转载原文链接:
6 本篇文章由Ծ ̮ Ծ投稿,转载请注明出处:https://www.ahap.cn/231.html
7 本资源来源于互联网,安全性未知,使用前请自行甄别
8 本资源来源于互联网,如有侵权请及时联系我们,我们将在72小时内删除侵权内容!

发表评论

登录后才能评论

400-000-0000

在线咨询:在线咨询

发送邮件:xutian@ahap.cn

工作时间:周一至周五,9:30-15:20,节假日休息