تحميل CSS في صفحة محددة فقط

تحميل التنسيق وقت الحاجة بيجنب إضافة ملفات لكل صفحات الموقع بدون داعي

تجهيز المثال

أنشئ مجلد ezl-demo-04 داخل wp-content/plugins في نسخة WordPress للتجربة ثم ضع ملف الإضافة التالي بداخله وفعلها من لوحة التحكم

كود الإضافة

<?php
/*
Plugin Name: Academy Demo 4
*/

if (!defined("ABSPATH")) { exit; }

add_action('wp_enqueue_scripts', function () {
    if (!is_page('contact')) {
        return;
    }
    wp_enqueue_style('ezl-contact', plugins_url('contact.css', __FILE__), [], '1.0');
});

ملف التنسيق contact.css

.ezl-contact-note { padding: 16px; border-inline-start: 4px solid #0075ff; background: #eef5ff; }

طريقة التجربة والنتيجة

أنشئ صفحة slug بتاعها contact وضع فقرة بالكلاس ezl-contact-note ثم افتحها وقارن تحميل الملفات مع صفحة تانية