【优化版】子比主题美化 – 新发布文章列表角标

在主题目录 func.php 文件添加如下代码。

（func.php = functions.php）就不解释了。

文件路径：/www/wwwroot/ug95.com/wp-content/themes/zibll/functions.php

/**
* 新文章发布New小图标 
*/
function tianyishangke_post_newicon() {
    global $post;
    
    if (!is_object($post) || !isset($post->ID)) return;

    // 24小时内新文章
    $now = current_time('timestamp');
    $post_time = get_the_time('U', $post);
    $diff = ($now - $post_time) / 3600;

    if ($diff < 24) {
        echo '<div class="tianyishangke-new-icon"><img src="https://ug95.com/wp-content/uploads/2026/04/20260422223511474-xin.svg" alt="新" /></div>';
    }
}

// CSS 样式：不飘层、不覆盖、正常显示
add_action('wp_head', 'tianyishangke_newicon_css');
function tianyishangke_newicon_css() {
?>
<style>
.posts-item,
.article-item,
.post,
article {
    position: relative !important;
}
.tianyishangke-new-icon {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 10 !important; /* 正常层级，不会盖在别的图层上 */
    width: 22px !important;
    height: 22px !important;
    pointer-events: none !important;
}
.tianyishangke-new-icon img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
</style>
<?php
}

// 自动插入图标（最稳，无JS时间判断）
add_action('wp_footer', 'tianyishangke_auto_add_icon');
function tianyishangke_auto_add_icon() {
    if (!is_home() && !is_archive()) return;
    global $post;
?>
<script>
document.addEventListener('DOMContentLoaded', function() {
    let items = document.querySelectorAll('.posts-item, article, .post, .article-item');
    if (!items.length) return;
    
    // 直接输出图标（PHP已经判断过是新文章）
    let icon = '<div class="tianyishangke-new-icon"><img src="https://ug95.com/wp-content/uploads/2026/04/20260422223511474-xin.svg" alt="新" /></div>';
    items.forEach(item => {
        item.insertAdjacentHTML('afterbegin', icon);
    });
});
</script>
<?php }