ویجت وضعیت فروش ووکامرس در پیشخوان وردپرس

چطور این ویجت رو تو سایتت راه بندازی؟

استفاده از این کد خیلی راحته! کافیه کل کد رو کپی کنی و تو فایل functions.php قالبت بذاری. بعد که ذخیره کردی، برو به پیشخوان وردپرس و ویجت “وضعیت سفارشات ووکامرس” رو ببین. اگه ووکامرس نصب باشه، کارت‌های رنگی با تعداد سفارشات جلوت ردیف میشن. می‌تونی رنگ‌ها یا استایل رو هم به سلیقه خودت تغییر بدی؛ مثلاً گرادیانت رو تیره‌تر کنی یا فونت رو عوض کنی.

کد کامل این ویجت به صورت فانکشن :

//فانکشن وضعیت فروش ها
function custom_woocommerce_order_status_widget() {
    wp_add_dashboard_widget('custom_woocommerce_orders', '📦 وضعیت سفارشات ووکامرس', 'custom_woocommerce_orders_display');
}

add_action('wp_dashboard_setup', 'custom_woocommerce_order_status_widget');

function custom_woocommerce_orders_display() {
    if (!class_exists('WooCommerce')) {
        echo '<p>🚨 ووکامرس نصب نشده است.</p>';
        return;
    }

    $statuses = [
        'processing' => ['🔄 در حال پردازش', '#0400ffd1'],
        'on-hold' => ['⏳ در انتظار پرداخت', '#ffc107'],
        'cancelled' => ['❌ لغو شده', '#f43648'],
        'completed' => ['✅ تکمیل شده', '#15d34f'],
    ];

    echo '<style>
        .order-status-container { display: flex; flex-wrap: wrap; gap: 15px; }
        .order-status-card {
            flex: 1;
            min-width: 100px;
            background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
            border-radius: 15px;
            padding: 7px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            color: white;
            font-weight: bold;
            position: relative;
            transition: transform 0.3s ease-in-out;
            overflow: hidden;
        }
        .order-status-card:hover { transform: translateY(-5px); }
        .order-status-card:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: inherit;
            filter: blur(30px);
            z-index: -1;
        }
        .order-count { font-size: 30px; font-weight: bold; display: block; margin: 10px 0; }
    </style>';

    echo '<div class="order-status-container">';
    
    foreach ($statuses as $status => $data) {
        $count = wc_orders_count_by_status($status);
        echo '<div class="order-status-card" style="background: '.$data[1].';">
                <span class="order-count">' . $count . '</span>
                <p>' . $data[0] . '</p>
              </div>';
    }
    
    echo '</div>';
}

function wc_orders_count_by_status($status) {
    global $wpdb;
    $count = $wpdb->get_var($wpdb->prepare("
        SELECT COUNT(*) FROM {$wpdb->prefix}posts
        WHERE post_type = 'shop_order' AND post_status = 'wc-$status'
    "));
    return $count ? $count : 0;
}