给WordPress子比主题主题设置动态标题教程

给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. 或者在首页文件位于“</head>”标签之前添加下面的代码也可以，代码如下

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

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

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