子比主题美化-网站彩色信息统计条

本站资源均为网友推荐收集整理而来，请勿商业运营，仅供学习和研究，请在下载后24小时内删除！！

看到其他网站有这个信息统计挺好看的，自己就扒了下来

将下方代码放在func.php中或者functions.php中

function jiuling_stats_css() {
    ?>
    <style>
    .jiuling-stats-bar {
        display: flex;
        align-items: center;
        border-radius: 6px;
        padding: 8px 12px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        width: 100%;
        box-sizing: border-box;
        color-scheme: light dark;
        background: #fff;
        border: 1px solid #ebeef5;
        color: #303133;
        font-size: 13px;
    }
    body.dark-theme .jiuling-stats-bar {
        background: #1e1e1e;
        border: 1px solid #2c2c2c;
        color: #c9c9c9;
    }
    .jiuling-stats-bar.no-border {
        background: transparent !important;
        border: none !important;
        padding: 8px 0 !important;
    }
    #stats-today-icon { color: #ff4d4f !important; }
    .jiuling-stats-bar .stats-item:nth-child(3) i { color: #1890ff !important; }
    .jiuling-stats-bar .stats-item:nth-child(5) i { color: #13c2c2 !important; }
    .jiuling-stats-bar .stats-item:nth-child(7) i { color: #52c41a !important; }
    .jiuling-stats-bar .stats-item:nth-child(9) i { color: #fa8c16 !important; }
    .jiuling-stats-bar .stats-item:nth-child(11) i { color: #722ed1 !important; }
    .jiuling-stats-bar .stats-item:nth-child(13) i { color: #faad14 !important; }
    .jiuling-stats-bar .stats-item i {
        transition: all 0.3s ease;
        transform-origin: center;
        text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }
    .jiuling-stats-bar .stats-item:hover i {
        transform: scale(1.15);
        filter: brightness(1.2);
    }
    body.dark-theme #stats-today-count { color: #ff7a45; }
    body:not(.dark-theme) #stats-today-count { color: #ff4d4f; }
    body.dark-theme #stats-posts-count { color: #91bfff; }
    body.dark-theme #stats-topic-count { color: #89e8e8; }
    body.dark-theme #stats-comments-count { color: #b7eb8f; }
    body.dark-theme #stats-users-count { color: #ffd591; }
    body.dark-theme #stats-uptime-count { color: #d3adf7; }
    body.dark-theme #stats-pageviews-count { color: #ffe58f; }
    body:not(.dark-theme) #stats-posts-count { color: #1890ff; }
    body:not(.dark-theme) #stats-topic-count { color: #13c2c2; }
    body:not(.dark-theme) #stats-comments-count { color: #52c41a; }
    body:not(.dark-theme) #stats-users-count { color: #fa8c16; }
    body:not(.dark-theme) #stats-uptime-count { color: #722ed1; }
    body:not(.dark-theme) #stats-pageviews-count { color: #faad14; }
    body:not(.dark-theme) .stats-divider { color: #dcdde0; }
    body.dark-theme .stats-divider { color: #4e4e4e; }
    @media (max-width: 768px) {
        .jiuling-stats-bar { flex-wrap: wrap; gap: 8px 12px; padding: 10px; justify-content: center; }
        .jiuling-stats-bar.no-border { padding: 10px 0 !important; }
        .jiuling-stats-bar .stats-item { font-size: 12px; margin: 2px 0; }
        .jiuling-stats-bar .stats-divider { display: none; }
    }
    @media (max-width: 375px) {
        .jiuling-stats-bar .stats-item { font-size: 11px; flex: 1 0 40%; justify-content: center; }
    }
    .stats-item { display: flex; align-items: center; gap: 1px; }
    .stats-divider { margin: 0 0.5px; color: #dcdde0; }
    .font-bold { font-weight: bold; }
    .stats-welcome-container { margin-left: auto; overflow: hidden; max-width: 300px; flex-shrink: 0; height: 20px; }
    .stats-welcome-scroll { color: #ff4d4f; animation: scrollText 8s linear infinite; white-space: nowrap; }
    .stats-welcome-item { line-height: 20px; height: 20px; }
    @keyframes scrollText { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
    </style>
    <?php
}
add_action('wp_head', 'jiuling_stats_css');

function jiuling_stats_js() {
    global $wpdb;
    
    $today_start = strtotime(date('Y-m-d 00:00:00'));
    $today_end = strtotime(date('Y-m-d 23:59:59'));
    
    $today_posts = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->posts WHERE post_type = 'post' AND post_status = 'publish' AND post_date BETWEEN '".date('Y-m-d H:i:s', $today_start)."' AND '".date('Y-m-d H:i:s', $today_end)."'");
    $total_posts = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->posts WHERE post_type = 'post' AND post_status = 'publish'");
    $total_topics = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->posts WHERE post_type = 'topic' AND post_status = 'publish'");
    $total_comments = $wpdb->get_var("SELECT COUNT(comment_ID) FROM $wpdb->comments WHERE comment_approved = '1'");
    $total_users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");
    
    $first_post = $wpdb->get_var("SELECT MIN(post_date) FROM $wpdb->posts WHERE post_type = 'post' AND post_status = 'publish'");
    $uptime_days = $first_post ? floor((time() - strtotime($first_post)) / 86400) : 0;
    
    $total_views = 0;
    $views_meta = $wpdb->get_results("SELECT meta_value FROM $wpdb->postmeta WHERE meta_key = 'views' OR meta_key = 'post_views' OR meta_key = 'post_views_count'");
    foreach ($views_meta as $meta) {
        $total_views += intval($meta->meta_value);
    }
    
    function jiuling_fmt($num) {
        if ($num >= 10000) {
            return number_format($num / 10000, 1) . 'w+';
        }
        return number_format($num);
    }
    ?>
    <script>
    var tj_today = '<?php echo intval($today_posts); ?>';
    var tj_wzzs = '<?php echo jiuling_fmt($total_posts); ?>';
    var tj_topics = '<?php echo jiuling_fmt($total_topics); ?>';
    var tj_comments = '<?php echo jiuling_fmt($total_comments); ?>';
    var tj_users = '<?php echo jiuling_fmt($total_users); ?>';
    var tj_uptime = '<?php echo jiuling_fmt($uptime_days); ?>';
    var tj_pageviews = '<?php echo jiuling_fmt($total_views); ?>';
    
    document.addEventListener('DOMContentLoaded', function() {
        var labels = document.querySelectorAll('.jiuling-stats-bar .stats-label');
        window.addEventListener('resize', function() {
            if (!labels.length) return;
            var isMobile = window.innerWidth <= 768;
            if (isMobile) {
                labels[0].textContent = '发布：';
                labels[1].textContent = '文章：';
                labels[2].textContent = '帖子：';
                labels[3].textContent = '评论：';
                labels[4].textContent = '用户：';
                labels[5].textContent = '运行：';
                labels[6].textContent = '浏览：';
            } else {
                labels[0].textContent = '今日发布：';
                labels[1].textContent = '文章数目：';
                labels[2].textContent = '帖子数量：';
                labels[3].textContent = '评论数量：';
                labels[4].textContent = '注册用户：';
                labels[5].textContent = '运行时间：';
                labels[6].textContent = '浏览次数：';
            }
        });
    });
    </script>
    <?php
}
add_action('wp_head', 'jiuling_stats_js');

function jiuling_stats_shortcode($atts) {
    ob_start();
    ?>
    <div class="tuc-2ea177b2-a8b46b-0 jiuling-stats-bar tuc-2ea177b2-a8b46b-0" id="jiuling-stats-bar" style="font-size: 13px;">
        <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
            <i class="tuc-2ea177b2-a8b46b-0 fa fa-refresh tuc-2ea177b2-a8b46b-0" id="stats-today-icon" style="font-size: 14px; color: #ff4d4f;"></i>
            <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">今日发布：</span>
            <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-today-count" style="color: #ff4d4f;"><script>document.write(tj_today)</script>篇</span>
        </div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
            <i class="tuc-2ea177b2-a8b46b-0 fa fa-book tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #1890ff;"></i>
            <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">文章数目：</span>
            <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-posts-count" style="color: #1890ff;"><script>document.write(tj_wzzs)</script>篇</span>
        </div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
            <i class="tuc-2ea177b2-a8b46b-0 fa fa-sticky-note tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #13c2c2;"></i>
            <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">帖子数量：</span>
            <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-topic-count" style="color: #13c2c2;"><script>document.write(tj_topics)</script>篇</span>
        </div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
            <i class="tuc-2ea177b2-a8b46b-0 fa fa-comments tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #52c41a;"></i>
            <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">评论数量：</span>
            <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-comments-count" style="color: #52c41a;"><script>document.write(tj_comments)</script>条</span>
        </div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
            <i class="tuc-2ea177b2-a8b46b-0 fa fa-users tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #fa8c16;"></i>
            <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">注册用户：</span>
            <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-users-count" style="color: #fa8c16;"><script>document.write(tj_users)</script>位</span>
        </div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
            <i class="tuc-2ea177b2-a8b46b-0 fa fa-clock-o tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #722ed1;"></i>
            <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">运行时间：</span>
            <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-uptime-count" style="color: #722ed1;"><script>document.write(tj_uptime)</script>天</span>
        </div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
            <i class="tuc-2ea177b2-a8b46b-0 fa fa-eye tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #faad14;"></i>
            <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">浏览次数：</span>
            <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-pageviews-count" style="color: #faad14;"><script>document.write(tj_pageviews)</script>次</span>
        </div>
        <div class="tuc-2ea177b2-a8b46b-0 stats-welcome-container tuc-2ea177b2-a8b46b-0" id="stats-welcome-container" style="margin-left: auto; overflow: hidden; max-width: 300px; flex-shrink: 0; height: 20px;">
            <div class="tuc-2ea177b2-a8b46b-0 stats-welcome-scroll tuc-2ea177b2-a8b46b-0" id="stats-welcome-scroll" style="color: #ff4d4f;">
                <div class="tuc-2ea177b2-a8b46b-0 stats-welcome-item tuc-2ea177b2-a8b46b-0" style="line-height: 20px; height: 20px;">欢迎来到诺言资源网！专注分享游戏源码、网站源码、PHP源码及各类实用插件工具</div>
            </div>
        </div>
    </div>
    <?php
    return ob_get_clean();
}
add_shortcode('jiuling_stats', 'jiuling_stats_shortcode');

下方HTML代码放在小工具-自定义HTML-放在合适的位置

<div class="tuc-2ea177b2-a8b46b-0 jiuling-stats-bar tuc-2ea177b2-a8b46b-0" id="jiuling-stats-bar" style="font-size: 13px;">
    <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
        <i class="tuc-2ea177b2-a8b46b-0 fa fa-refresh tuc-2ea177b2-a8b46b-0" id="stats-today-icon" style="font-size: 14px; color: #ff4d4f;"></i>
        <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">今日发布：</span>
        <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-today-count" style="color: #ff4d4f;"><script>document.write(tj_today)</script>篇</span>
    </div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
        <i class="tuc-2ea177b2-a8b46b-0 fa fa-book tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #1890ff;"></i>
        <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">文章数目：</span>
        <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-posts-count" style="color: #1890ff;"><script>document.write(tj_wzzs)</script>篇</span>
    </div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
        <i class="tuc-2ea177b2-a8b46b-0 fa fa-sticky-note tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #13c2c2;"></i>
        <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">帖子数量：</span>
        <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-topic-count" style="color: #13c2c2;"><script>document.write(tj_topics)</script>篇</span>
    </div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
        <i class="tuc-2ea177b2-a8b46b-0 fa fa-comments tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #52c41a;"></i>
        <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">评论数量：</span>
        <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-comments-count" style="color: #52c41a;"><script>document.write(tj_comments)</script>条</span>
    </div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
        <i class="tuc-2ea177b2-a8b46b-0 fa fa-users tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #fa8c16;"></i>
        <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">注册用户：</span>
        <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-users-count" style="color: #fa8c16;"><script>document.write(tj_users)</script>位</span>
    </div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
        <i class="tuc-2ea177b2-a8b46b-0 fa fa-clock-o tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #722ed1;"></i>
        <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">运行时间：</span>
        <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-uptime-count" style="color: #722ed1;"><script>document.write(tj_uptime)</script>天</span>
    </div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-divider tuc-2ea177b2-a8b46b-0" style="margin: 0 0.5px; color: #dcdde0;">｜</div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-item tuc-2ea177b2-a8b46b-0" style="display: flex; align-items: center; gap: 1px;">
        <i class="tuc-2ea177b2-a8b46b-0 fa fa-eye tuc-2ea177b2-a8b46b-0" style="font-size: 14px; color: #faad14;"></i>
        <span class="tuc-2ea177b2-a8b46b-0 stats-label tuc-2ea177b2-a8b46b-0">浏览次数：</span>
        <span class="tuc-2ea177b2-a8b46b-0 font-bold tuc-2ea177b2-a8b46b-0" id="stats-pageviews-count" style="color: #faad14;"><script>document.write(tj_pageviews)</script>次</span>
    </div>
    <div class="tuc-2ea177b2-a8b46b-0 stats-welcome-container tuc-2ea177b2-a8b46b-0" id="stats-welcome-container" style="margin-left: auto; overflow: hidden; max-width: 300px; flex-shrink: 0; height: 20px;">
        <div class="tuc-2ea177b2-a8b46b-0 stats-welcome-scroll tuc-2ea177b2-a8b46b-0" id="stats-welcome-scroll" style="color: #ff4d4f;">
            <div class="tuc-2ea177b2-a8b46b-0 stats-welcome-item tuc-2ea177b2-a8b46b-0" style="line-height: 20px; height: 20px;">欢迎来到诺言资源网！专注分享游戏源码、网站源码、PHP源码及各类实用插件工具</div>
        </div>
    </div>
</div>

NOTICE

DISCLAIMER

本站资源大多来自网络，如有侵犯权益请联系管理员，我们会第一时间审核删除。站内资源仅供学习测试，未经许可禁止商用，请在24小时内删除。

VIP PRIVILEGE

遇到付费内容？升级终身VIP即可全站免费畅享所有资源，可以联系我的微信进行开通。
QQ群：791028636

免责声明：本站提供用户下载的所有资源均来自网络，版权归作者本人所有，仅限学习和研究目的的，请支持正版！

我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！邮件：2469329338@qq.com

THE END