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

前言
wordpress子比主题文章发布后会在文章表右上角显示ICON图标,大多数网站都有这个美化,但是有很多不太一样的地方,今天分享给大家,右上角的角标大家可以根据自己的喜好进行更换。

图片[1]-WordPress子比主题 文章列表右上角添加置顶+新文章发布ICON图标-梦都歌-精品资源社区,梦都歌资源网

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

/**
* 新文章发布New小图标
*/
function tianyishangke_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="tianyishangke-new-icon"><img src="图标链接" draggable="false" alt="最新文章" /></div>';
    }else if (is_sticky()){
        $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="图标链接" draggable="false" alt="置顶文章" /></div>';
    }else{
        $wiui_new_icon = '';
    }
    //开始输出
    return $wiui_new_icon;
}

上面代码中的图标链接自己修改。

图片[3]-WordPress子比主题 文章列表右上角添加置顶+新文章发布ICON图标-梦都歌-精品资源社区,梦都歌资源网
图片[4]-WordPress子比主题 文章列表右上角添加置顶+新文章发布ICON图标-梦都歌-精品资源社区,梦都歌资源网
图片[5]-WordPress子比主题 文章列表右上角添加置顶+新文章发布ICON图标-梦都歌-精品资源社区,梦都歌资源网
图片[7]-WordPress子比主题 文章列表右上角添加置顶+新文章发布ICON图标-梦都歌-精品资源社区,梦都歌资源网

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

图片[8]-WordPress子比主题 文章列表右上角添加置顶+新文章发布ICON图标-梦都歌-精品资源社区,梦都歌资源网

CSS代码:

免费下载和付费下载区别:
PS:本站所有资源均可以免费下载(免费和付费唯一区别就是下载速度不同)
免费下载链接为低速下载通道
付费下载链接为多线程高速下载通道
温馨提示:本文最后更新于2024-08-06 09:27:30,某些文章具有时效性,若有错误或已失效,请在下方留言或联系梦歌社长
© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 共2条

请登录后发表评论

    • ImLinNai的头像-梦都歌-精品资源社区,梦都歌资源网ImLinNai等级-LV1-梦都歌-精品资源社区,梦都歌资源网评论等级:Lv.1 ID:0000210
    • 梦歌的头像-梦都歌-精品资源社区,梦都歌资源网梦歌徽章-打卡狂魔-梦都歌-精品资源社区,梦都歌资源网等级-LV10-梦都歌-精品资源社区,梦都歌资源网评论等级:Lv.1作者 靓号:0000010