WordPress设置网站动态标题教程

前言

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

样式图

使用教程

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>

注:文字可以修改为自己喜欢的

赞(0)

评论 2

评论前必须登录!

 

  1. #1

    设置了没效果呀

    5346152年前 (2021-03-05)

犀牛文学网

犀牛文学是一个专业的小说推荐网站,致力于为广大书友整理推荐言情小说,玄幻小说,穿越小说,悬疑小说,科幻小说,历史小说等各种精彩小说,网上看书就上犀牛文学网!

登录

找回密码

注册