侧边栏是WordPress中最重要的部分之一,尤其是内容类型的站点,一个好的侧边栏是必不可少的,WordPress中虽然提供了很多默认的小工具,但是都太简单了,不管是界面,还是功能上,很多达不到我们使用的要求。

原文链接: https://zhutiwu.com/2939.html

今天以日主题RiPro-v2为例为大家分享网站侧边栏添加新年倒计时小工具

进入网站后台—》外观—》小工具—》自定义 HTML—》 选择你需要放的位置

将下面代码放入自定义html中:

<div class="gn_box">
    <h2><center><font color=#E80017>2</font><font color=#D1002E>0</font><font color=#BA0045>2</font><font color=#A3005C>2</font><font
            color=#8C0073>年</font><font color=#75008A>-</font><font color=#5E00A1>新</font><font
            color=#4700B8>年</font><font color=#3000CF>倒</font><font color=#1900E6>计</font><font color=#0200FD>时</font>
    </center></h2>
    <center>
        <div id="CountMsg" class="HotDate">
            <span id="t_d"></span>
            <span id="t_h"></span>
            <span id="t_m"></span>
            <span id="t_s"></span>
        </div>
    </center>
    <script type="text/javascript"> function getRTime() {
        var EndTime = new Date('2023/01/01 00:00:00');
        var NowTime = new Date();
        var t = EndTime.getTime() - NowTime.getTime();
        var d = Math.floor(t / 1000 / 60 / 60 / 24);
        var h = Math.floor(t / 1000 / 60 / 60 % 24);
        var m = Math.floor(t / 1000 / 60 % 60);
        var s = Math.floor(t / 1000 % 60);
        document.getElementById("t_d").innerHTML = d + " 天";
        document.getElementById("t_h").innerHTML = h + " 时";
        document.getElementById("t_m").innerHTML = m + " 分";
        document.getElementById("t_s").innerHTML = s + " 秒";
    }
    setInterval(getRTime, 1000);
    </script>
</div>
<!--侧边栏新年倒计时 by 主题屋 zhutiwu.com-->

效果展示:

WordPress网站侧边栏添加新年倒计时小工具插图

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注