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

20240309125108519-image

本教程灵感由优盟盒子文章激发,优化而来

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");
    $t1 = get_the_time('Y-m-d H:i:s', $post);
    $t2 = wp_date('Y-m-d H:i:s');
    $t3 = get_the_modified_time('Y-m-d H:i:s');
    $wiui_diff = (strtotime($t2)-strtotime($t1))/3600;
    $wiui_diff1 = (strtotime($t2)-strtotime($t3))/3600;
    if($wiui_diff<24){
        $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="//www.rgblog.cn/wp-content/themes/zibll/img/zx1.png" draggable="false" alt="最新文章" /></div>';
    }else if (is_sticky()){
        $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="//www.rgblog.cn/wp-content/themes/zibll/img/zd.png" draggable="false" alt="置顶文章" /></div>';
    }else if ($wiui_diff1<24){
        $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="//www.rgblog.cn/wp-content/themes/zibll/img/gx.png" draggable="false" alt="更新文章" /></div>';
    }else{
        $wiui_new_icon = '';
    }
    //开始输出
    return $wiui_new_icon;

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

在子比主题目录下“/inc/functions/zib-posts-list.php”(子比主题下面)找到这个 //获取文章列表的标题 大概440行加入一下代码

$html .= tianyishangke_post_newicon($post);//置顶文章icon图标函数

20240309125831331-9f6a5388e3da3d58817f9768bf87cca9_d2b5ca33bd102713-1024x497

CSS代码

 

© 转载声明
本文作者:融果技术
温馨提示: 本文最后更新于2024-03-09 13:02:32,某些文章具有时效性,若有错误或已失效,请在下方留言或联系融果技术
供学习和研究使用 请在下载后24小时内删除
© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 共5条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

随机 取消
昵称表情代码图片