WordPress美化-利用PHP代码给网站设置添加一个动态标题

😉 阿里云幸运红包,戳我领取

利用PHP代码给网站设置添加一个动态标题

给WordPress博客设置动态标题教程

给emlog博客设置动态标题教程

给zblog博客设置动态标题教程

给Typecho博客设置动态标题教程

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

样式图

图片[2]-WordPress美化-利用PHP代码给网站设置添加一个动态标题-懒人资源网

使用教程

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>

👋 感谢您的观看,对您有用就分享出去吧 !

如您有好的资源/素材,可参与创作者激励计划享投稿分成。分成介绍
投稿成功收录,即可获得 1-10元/篇奖励。(重复内容无奖励)
© 版权声明
THE END
喜欢本站内容,请点【分享】【赞】和【收藏】
点赞14打赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容