首页 > 其他分享 >WordPress 设置网站动态标题 教程

WordPress 设置网站动态标题 教程

时间:2022-11-23 10:25:27浏览次数:44  
标签:教程 title 网站 标题 WordPress document 页面

前言

我们经常逛别人的网站,有些网站当我们离开该页面浏览其他页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了!”的字样。那么我们如何实现呢?其实很简单,只需一句 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)
    }
});
//网站动态标题结束
代码中“你别走吖 Σ(っ °Д °;)っ”和“(/≧▽≦/)你又回来啦!”可自行修改成自己喜欢的标题文字。

标签:教程,title,网站,标题,WordPress,document,页面
From: https://www.cnblogs.com/HaoranZing/p/16917421.html

相关文章

  • WordPress全站左侧边栏添加联系站长按钮[WP教程]
    使用教程:也很简单,只需要在两个文件中添加一行代码就可以实现,具体演示效果可以查看本站觅知博客的效果1、后台主题设置—>自定义代码—>自定义CSS样式代码把下面的代码......
  • WordPress利用阿里巴巴矢量图标美化导航栏菜单
    现在很多的wp主题模板自带的都是FontAwesome图标库,社长用的子比主题也是一样,但是这个图标库的样式太丑了,社长就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标......
  • 在 Windows 系统中搭建 Halo 博客-博客超详细搭建教程
    StartHalo博客官网:https://halo.run/官方教程:https://docs.halo.run/准备工作Prepare在部署Halo前我们需要进行一些前置工作JRE(JavaRuntimeEnvironment)11在虚......
  • Dev-C++5.11安装教程
    (目录)一、下载1.介绍原公司Bloodshed已经停止开发Dev-C++了,但是Embarcadero开发着一个Dev-C++的分支。详见:https://www.embarcadero.com/cn/free-tools/dev-c......
  • CSS实现标题和图片混合
    ResultCode<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="view......
  • Maxwell电磁分析软件下载安装教程(附Crack文件)
    Maxwell16.0WIN1064位安装步骤:1.Maxwell_16软件安装包到电脑磁盘根目录或英文路径文件夹下,并解压缩,然后双击打开Maxwell_160文件夹2.然后找到Autorun.exe,鼠标右击选择......
  • Maxwell电磁分析软件下载安装教程(附Crack文件)
    Maxwell16.0WIN1064位安装步骤:1.Maxwell_16软件安装包到电脑磁盘根目录或英文路径文件夹下,并解压缩,然后双击打开Maxwell_160文件夹 2.然后找到Autorun.exe,鼠标右击......
  • MySQL软件安装教程(windows系统)
    目录一、访问官网下载安装包1、访问官网2、点击DOWNLOADS3、下拉页面,点击MySQLCommunity(GPL)Downloads»4、接着点击MySQLCommunityServer5、在这个界面我们就可以......
  • MySQL 5.7.20详细安装教程(图文版)
    MySQL5.7.20详细安装教程(图文版)在自己在电脑上安装个MySQL的5.7.20版本,安装此版本主要是方便于平常使用。如图,选择自己电脑对应的版本进入官网进行下载。1、下载地址:My......
  • net中c#教程 如何创建、合并、下载、打印pdf文件?
    net中c#操作pdf文档,有很多插件可以使用,这里推荐其中的一个,名字叫iTextSharp,Nuget直接搜就可以找到。它能够创建与合并pdf文件。至于下载和打印pdf文件,则是通过其他方法完成......