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

2020-06-09T22:31:00

今天逛博客时,发现他的最新文章都有个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%;
}

效果图

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

当前页面是本站的「Baidu MIP」版。下载和发表评论请点击:完整版