WordPress设置网站动态标题[WP教程]

前言

我们经常逛别人的网站,有些网站当我们离开该页面浏览其他页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了!”的字样。那么我们如何实现呢?其实很简单,只需一句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代码的话,把下面的代码添加到里面也可实现。
    • 或者在首页文件位于“</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]-WordPress设置网站动态标题[WP教程]-老奶狗博客

 

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞12赞赏 分享
评论 抢沙发
头像
发一条友善的评论吧
提交
头像

昵称

取消
昵称表情代码图片