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

نمایش وضعیت پشتیبانی برای کارفرما
افزودن به علاقه مندی

اگر طراح سایت هستید، احتمالاً برای مدیریت پروژه‌ها و خدمات پشتیبانی، نیاز دارید وضعیت تمدید یا پایان پشتیبانی را به کاربر یا مشتری نشان دهید. یک راه‌حل سریع و حرفه‌ای برای این کار، استفاده از یک بنر ساده در پیشخوان وردپرس است. در این مقاله، یاد می‌گیرید چگونه با چند خط کدنویسی، این قابلیت را به سایت وردپرسی خود اضافه کنید.

چرا باید وضعیت پشتیبانی را نشان دهیم؟

زمانی که پروژه‌ای به پایان می‌رسد یا پشتیبانی آن نزدیک به اتمام است، یادآوری این موضوع می‌تواند اعتماد مشتری را جلب کند و روند تمدید را ساده‌تر کند.
این بنر علاوه بر اطلاع‌رسانی، می‌تواند لینک مستقیم تمدید پشتیبانی را در اختیار مشتری بگذارد و حتی حس حرفه‌ای بودن کار شما را افزایش دهد.

با گذاشتن این کد در صفحه پیشخوان کارفرما بنری با شکل زیر نمایش داده میشود که مدت زمان پشتیبانی را نشان میدهد.

Screenshot 2024 12 07 171836

بعد از اتمام زمان پشتیبانی رنگ و محتوای بنر تغییر می‌کند و میتوان متن دلخواه و لینک یا شماره تماس برای پشتیبانی رو داخل بنر بنویسید.

Screenshot 2024 12 07 172017

کد ساده برای نمایش وضعیت پشتیبانی

با استفاده از کد زیر، می‌توانید یک بنر نمایش وضعیت پشتیبانی در پیشخوان وردپرس ایجاد کنید. این بنر به صورت خودکار تاریخ پایان پشتیبانی را بررسی می‌کند و پیام مناسب نمایش می‌دهد:

نکته مهم : حتما تاریخ را باید به میلادی وارد کنید.

PHP
/**
 * @snippet       woocommerce variable price
 * @how-to        Get Sajjadshadloo.ir FREE
 * @author        Sajjad Shadloo
 */

function support_status_banner() {
    // تاریخ شروع و پایان پشتیبانی را اینجا وارد کنید
    $start_date = '2023-01-01'; // تاریخ شروع پشتیبانی
    $end_date = '2023-12-31';   // تاریخ پایان پشتیبانی

    // تبدیل تاریخ‌ها به فرمت تاریخ PHP
    $current_date = new DateTime();
    $end_date = new DateTime($end_date);

    // تعیین پیام و رنگ بنر
    if ($current_date < $end_date) {
        $remaining_days = $current_date->diff($end_date)->days;
        $message = "پشتیبانی شما تا $remaining_days روز دیگر پایان می‌یابد.";
        $banner_color = '#4CAF50'; // سبز
    } else {
        $message = "پشتیبانی شما پایان یافته است. برای تمدید پشتیبانی، به <a href='https://yourwebsite.com/support-renewal' style='color: #fff; text-decoration: underline;'>این لینک</a> مراجعه فرمایید.";
        $banner_color = '#f44336'; // قرمز
    }

    // نمایش بنر با دکمه ضربدر و استایل جدید
    echo "
    <div id='support-status-banner' style='background-color: $banner_color; color: #fff; padding: 15px; text-align: center; position: relative; margin: 20px auto; max-width: 90%; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);'>
        <p style='margin: 0;'>$message</p>
        <button style='position: absolute; top: 5px; right: 10px; background: none; color: #fff; border: none; font-size: 16px; cursor: pointer;' onclick='dismissSupportBanner()'>×</button>
    </div>

    <script>
        function dismissSupportBanner() {
            document.getElementById('support-status-banner').style.display = 'none';
        }
    </script>";
}

// افزودن بنر به صفحه پیشخوان، زیر عنوان "پیشخوان"
add_action('admin_notices', 'support_status_banner');
اشتراک گذاری این مطلب
گفت‌وگو و پرسش‌ها

2 دیدگاه

  1. mehran mehran

    بسیار آموزش خلاقانه و جالبی بود.
    امیدوارم زودتر آموزش های جدیدتری از شما مهندس عزیز،آقای شادلو ببینم.
    قطعه کد نوشته شده در کدام قسمت باید بارگذاری شود؟

    1. سجاد شادلو مدیر سایت

      ممنون از شما
      داخل فایل فانکشن (function) قالبتون باید بزارید.
      نمایش + ویرایشگر پرونده پوسته + فایل فانکشن (function)

دیدگاه خود را بنویسید

پرسش یا تجربه خود را بنویسید. پاسخ شما پس از بررسی منتشر می‌شود.