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

在逛星语的小木屋时发现这个代码,挺实用的,就自己做了个图标

先看演示

文章列表右上角添加文章置顶+新文章发布ICON图标-青鹿云

操作步骤

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

/*新文章发布New小图标开始*/
function wiiuii_post_newicon($post){
    //date_default_timezone_set('PRC');
    $wiui_date = date("Y-m-d H:i:s");
    $wiui_post_date = get_the_time('Y-m-d H:i:s', $post);
    $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600;
    if($wiui_diff<24){
        $wiui_new_icon = '<div class="wiiuii-new-icon"><img src="填写你的图片地址/new.png" draggable="false" alt="最新文章" /></div>';
    }else if (is_sticky()){
        $wiui_new_icon = '<div class="wiiuii-new-icon"><img src="填写你的图片地址/zding.png" draggable="false" alt="置顶文章" /></div>';
    }else{
        $wiui_new_icon = '';
    }
    //开始输出
    return $wiui_new_icon;
}/*新文章发布New小图标结束*/

-我用PS做了两个图标,你们下载后上传到服务器,在php里填写图标地址即可

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

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

CSS代码

/*新文章发布图标样式开始*/
.posts-item{position: relative !important;}
.wiiuii-new-icon{position: absolute;height: 35px;right: 0;top: 0;}
.wiiuii-new-icon img{-webkit-user-drag: none;}
/*新文章发布图标样式结束*/
© 版权声明
THE END
喜欢就支持一下吧
点赞81 分享
评论 共4条

请登录后发表评论