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

jaysun

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

1.webp.jpg

新文章发布图标

2.webp.jpg

文章置顶图标

PHP代码

在子比主题目录下“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;
}

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

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

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

隐藏内容
评论可见
前往评论

素材图片

360截图20221209221619252.png


附件
素材图片
zip
蓝奏云
下载文件
附件购买
售价:0 积分

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (有 5 条评论,136人围观)
网友昵称:166506645
166506645 V 普通用户 Google Chrome 109.0.0.0 Windows 10 x64 凉席
01-14 来自甘肃 回复
我也看一下
网友昵称:jinqike1026
jinqike1026 V 普通用户 Google Chrome 86.0.4240.198 Windows 10 x64 板凳
01-01 来自云南 回复
我也看一下
网友昵称:sunian
sunian V 普通用户 Safari 16.0 Apple iPhone 椅子
2022-12-24 来自山东 回复
我也看一下
网友昵称:myxixiku
myxixiku V 普通用户 Google Chrome 86.0.4240.198 Windows 7 x64 沙发
2022-12-12 来自新疆 回复
看一下怎么设置

目录[+]

取消
微信二维码
微信二维码
支付宝二维码