阿良博客-IT业余爱好者的个人学习生活记录

个人学习生活记录
记录学习生活,共同交流进步

给Typecho最新文章标题加个new标签

今天逛博客时,发现他的最新文章都有个new标签,看着挺不错的。于是,就在网上找到了Typecho最新文章标题添加new标签的方法,在这里分享给大家。另外,附赠一个从别人那里扒来的new样式。

教程

1.在functions.php添加下列代码

function timeZone($from){
$now = new Typecho_Date(Typecho_Date::gmtTime());
return $now->timeStamp - $from < 24*60*60 ? true : false;
}

2.在index.php的合适部位输出new标签(dux是在</article>前)

<?php if(timeZone($this->date->timeStamp)) echo '<span class="new-icon">new</span>'; ?>

3.添加css代码,第二步已输出样式格式

.excerpt .new-icon{
    position: absolute;
    right: -38px;
    top: -16px;
    display: block;
    width: 76px;
    height: 20px;
    line-height: 20px;
    background: #ff5e52;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    transform: rotate(45deg);
    transform-origin: 0% 0%;
}

效果图

给Typecho最新文章标题加个new标签

只有24小时内发布的文章才显示!

感谢来访,希望本文对您有所帮助!
 本文最后更新于2020年06月09日
 本文为阿良原创文章
 转载请注明出处:阿良博客
如有版权问题,请联系处理 | 当前页面:阿良博客 » 给Typecho最新文章标题加个new标签

评论