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

<?php
/**
 * نمایش بنر سفارشی در بالای صفحه داشبورد وردپرس
 */
add_action('admin_notices', 'custom_dashboard_banner');

function custom_dashboard_banner() {
    // فقط در صفحه اصلی داشبورد نمایش داده شود
    $screen = get_current_screen();
    if ($screen->id !== 'dashboard') {
        return;
    }
    
    // اطلاعات بنر
    $banner_data = [
        'designer' => 'مهندس براتی',
        'website' => 'https://mrbarati.com',
        'services' => 'طراحی سایت حرفه‌ای و پشتیبانی فنی',
        'logo' => 'https://mrbarati.com/wp-content/uploads/2025/01/sali-icon.png'
    ];
    ?>
    
    <div class="custom-dashboard-banner">
        <div class="banner-content">
            <div class="banner-text">
                <p class="designer-name"><?php echo esc_html($banner_data['designer']); ?></p>
                <div class="info-buttons">
                    <a href="<?php echo esc_url($banner_data['website']); ?>" target="_blank" class="info-button support-button">
                        <span class="dashicons dashicons-sos"></span>
                        پشتیبانی آنلاین
                    </a>
                    <span class="info-button services-button">
                        <span class="dashicons dashicons-admin-tools"></span>
                        <?php echo esc_html($banner_data['services']); ?>
                    </span>
                </div>
            </div>
            
            <div class="banner-image-section">
                <img src="<?php echo esc_url($banner_data['logo']); ?>" alt="لوگو" class="banner-logo">
                <button class="banner-close-btn">
                    <span class="dashicons dashicons-no-alt"></span>
                </button>
            </div>
        </div>
    </div>
    
    <style>
        .custom-dashboard-banner {
            background: #ffffff;
            border: 1px solid #dcdcde;
            margin: 5px 0 15px;
            padding: 15px 20px;
            position: relative;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
            overflow: hidden;
            max-width: calc(100% - 20px);
            border-left: 4px solid #3858e9;
        }
        
        .banner-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
        }
        
        .banner-text {
            flex: 1;
        }
        
        .designer-name {
            font-size: 16px;
            font-weight: 600;
            color: #1d2327;
            margin: 0 0 10px 0;
        }
        
        .info-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        
        .info-button {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 6px 12px;
            border-radius: 4px;
            font-size: 13px;
            text-decoration: none;
            transition: all 0.3s;
        }
        
        .support-button {
            background-color: #f0f7ff;
            color: #3858e9;
            border: 1px solid #d0e3ff;
        }
        
        .support-button:hover {
            background-color: #e0efff;
        }
        
        .services-button {
            background-color: #f5f5f5;
            color: #555;
            border: 1px solid #e0e0e0;
        }
        
        .services-button:hover {
            background-color: #ebebeb;
        }
        
        .info-button .dashicons {
            font-size: 16px;
            width: 16px;
            height: 16px;
        }
        
        .banner-image-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }
        
        .banner-logo {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid #e0e0e0;
        }
        
        .banner-close-btn {
            background: none;
            border: none;
            color: #d63638;
            padding: 0;
            cursor: pointer;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s;
            margin-top: 5px;
        }
        
        .banner-close-btn:hover {
            background: rgba(214, 54, 56, 0.1);
        }
        
        .banner-close-btn .dashicons {
            font-size: 18px;
            width: 18px;
            height: 18px;
        }
        
        @media screen and (max-width: 782px) {
            .custom-dashboard-banner {
                padding: 12px 15px;
            }
            
            .banner-logo {
                width: 35px;
                height: 35px;
            }
            
            .info-buttons {
                flex-direction: column;
            }
        }
    </style>
    
    <script>
        jQuery(document).ready(function($) {
            $('.banner-close-btn').on('click', function() {
                $(this).closest('.custom-dashboard-banner').fadeOut();
            });
        });
    </script>
    <?php
}