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

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

کد ساده برای نمایش وضعیت پشتیبانی
با استفاده از کد زیر، میتوانید یک بنر نمایش وضعیت پشتیبانی در پیشخوان وردپرس ایجاد کنید. این بنر به صورت خودکار تاریخ پایان پشتیبانی را بررسی میکند و پیام مناسب نمایش میدهد:
نکته مهم : حتما تاریخ را باید به میلادی وارد کنید.
/**
* @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 دیدگاه
بسیار آموزش خلاقانه و جالبی بود.
امیدوارم زودتر آموزش های جدیدتری از شما مهندس عزیز،آقای شادلو ببینم.
قطعه کد نوشته شده در کدام قسمت باید بارگذاری شود؟
ممنون از شما
داخل فایل فانکشن (function) قالبتون باید بزارید.
نمایش + ویرایشگر پرونده پوسته + فایل فانکشن (function)