怸歪小站

  • 前言
  • 食用教程
  • 效果截图
  • 首页
  • 分享
  • 记录
  • 工具
    • 编码
  • 关于本站
    • 给我留言
  • 文章归档
  • 榜上有名
  • 友情链接
  • RSS Feed
  • 一个没有项目的GitHub。
  • 我在SF的镜像站。

喜欢这款主题

抢先体验 | 作者主页

本站已勉强支撑0天

【转载】WordPress设置网站动态标题[WP教程]

  • 怸歪
  • 2022-05-30
  • 0

前言

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

食用教程

(以子比主题最新版为例)在后台主题设置—>自定义代码—>自定义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)
}
});
//网站动态标题结束

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

如果你的网站主题设置没有自定义javascript代码这个框的话,若有自定义头部HTML代码的话,把下面的代码添加到里面也可实现。
或者在首页文件位于“”标签之前添加下面的代码也可以。

<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>

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

效果截图

-----------------------
著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:织音的小木屋
源地址:https://www.wjnzy.com/187.html
来源:织音的小木屋
© 版权声明:本文为博主原创文章,转载请务必保留原文链接!

声明:怸歪小站 | 本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议[CC BY-NC-SA]进行授权
文章名称:【转载】WordPress设置网站动态标题[WP教程]
文章链接:https://cycy.fun/2022/05/wp-dongtaibiaoti/
本站文章若无特别说明,皆为原创,转载请注明来源:怸歪小站,如果您喜欢可以订阅本站RSS feed
转载声明

  本站部分文章为原创文章,转载的都已注明,本站部分内容来自网络。本站所有分享的小工具、软件均来自网络,只做学习使用,请您下载后24小时内删除,请支持正版。如若本站内容侵犯了原著者的合法权益,请联系本站,本站将第一时间进行处理。
郑重声明
© 2023 怸歪小站
Theme by Wing

辽ICP备2023008417号

辽公网安备 21020402000840号

  • {{ item.name }}
  • {{ item.name }}