子比主题文章列表右上角添加文章置顶+新文章发布ICON图标

PHP代码

在子比主题目录下“func.php”(子比主题推荐放这里)或者“functions.php”,在合适位置放下面PHP代码

/**
* 新文章发布New小图标
*/
function zrsn_post_newicon($post){
    //date_default_timezone_set('PRC');
    $zr_date = date("Y-m-d H:i:s");
    $zr_post_date = get_the_time('Y-m-d H:i:s', $post);
    $zr_diff = (strtotime($zr_date)-strtotime($zr_post_date))/3600;
    if($zr_diff<24){
        $zr_new_icon = '<div class="zrsn-new-icon"><img src="https://p1.img.azhai.de/upload/c49b57eae575313f-23-01-26-1.png" draggable="false" alt="最新文章" /></div>';
    }else if (is_sticky()){
        $zr_new_icon = '<div class="zrsn-new-icon"><img src="https://p1.img.azhai.de/upload/0ce5afa6375484de-23-01-26-1.png" draggable="false" alt="置顶文章" /></div>';
    }else{
        $zr_new_icon = '';
    }
    //开始输出
    return $zr_new_icon;
}

上面《img》标签icon图标链接自己修改。

  • 最关键的PHP代码及放置位置

在子比主题目录下“/zibll/inc/functions/zib-posts-list.php”文件中,大概440行的文章放入下面PHP代码(看图

$html .= zrsn_post_newicon($post);//新文章+置顶文章icon图标函数
图片[1]-子比主题文章列表右上角添加文章置顶+新文章发布ICON图标-阿宅学院

CSS代码

/*新文章发布图标样式*/
.posts-item{position: relative !important;}
.zrsn-new-icon{position: absolute;height: 35px;right: 0;top: 0;}
.zrsn-new-icon img{-webkit-user-drag: none;}

效果

图片[2]-子比主题文章列表右上角添加文章置顶+新文章发布ICON图标-阿宅学院

    © 版权声明
    THE END
    支持博主,更新加速
    点赞2赞赏 分享
    勋章统计

    评论一下 抢沙发

    请登录后发表评论

      请登录后查看评论内容