Zibll子比主题美化WordPress底部添加渐变色统计代码 新增显示评论总数及本周发布文章数

文章最后更新时间:2025-10-26 18:34:41

在网站底部添加一个统计信息,可以看到网站的运营情况,如会员数量,文章数量、网站的总浏览量、当天发布的文章数量、网站运营天数等,并且这个统计信息背景是渐变色的,非常漂亮。之前有分享过这个代码,今天新增了一个显示评论总数,把今天发布文章数量我改为了本周发布的数量,如果需要之前的版本,可以参考下面这篇文章

效果预览

20251026183217746-20251026103217772737

使用方法:

1、在子比主题目录下面新建func.php文件,把如下代码拷进去后保存:

 

把里面的建站时间改成你的网站创建时间

2、进入WP后台—>ZiBll主题设置—>全局功能—>自定义代码—>自定义CSS样式,把下面的代码拷进去后保存

/*底部统计开始*/
/*背景图*/#caired{
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            font-family: "montserrat";
            background-image: -webkit-linear-gradient(45deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);
            background-size: 400%;
            animation: bganimation 15s infinite;
        }
 
        @keyframes bganimation {
            0%{
                background-position: 0% 50%;
            }
            50%{
                background-position: 100% 50%;
            }
            100%{
                background-position: 0% 50%;
            }
        }
#caired{border-radius: 10px;}
#caired .cai ul{display: flex;}
#caired .cai ul li{width: 20%; color: #fff; text-align: center;}
#caired .cai ul li span{font-size: 24px; font-family: Arial;}@media screen and (max-width: 768px){#caired .cai ul li span{font-size: 20px; font-family: Arial;}}
 #caired .cai{font-weight:700;padding:20px 0 20px 0;}
 /*底部统计结束*/

3、进入WP后台—>zibll主题设置—>全局功能—>自定义代码—>自定义javascript代码,把下面代码再拷进去后保存

//底部统计开始
document.getElementById("caired").parentNode.parentNode.style.padding=0
//底部统计结束

4、进入WP后台—>外观—>小工具—>首页底部全宽度(你也可以选择全站或者其它页面都行)—>添加“文本”小工具

20251026183346773-20251026103346871166

5、如上图,点击可视化旁边的“文本”,然后把下面代码填入文本下面的编辑器中然后保存,注意,保存后再重新打开,里面的内容是空白的啥也没有,是正常现像,不用管它,只要网站底部能正常显示统计信息就行

 

 

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0
评论 共1条

请登录后发表评论

    暂无评论内容