إخفاء فئة محددة باستخدام CSS للزوار فقط في ووردبريس

في عالم تطوير مواقع ووردبريس، قد تحتاج أحيانًا إلى التحكم في كيفية عرض المحتوى لمستخدمين مختلفين. على وجه الخصوص، قد يكون من المفيد إخفاء بعض العناصر عن المستخدمين العاديين، مع السماح للمشرفين فقط برؤية هذه العناصر. في هذا المقال، سنناقش كيفية استخدام CSS لإخفاء فئة معينة للمستخدمين العاديين وعرضها للمسؤولين فقط باستخدام ووردبريس.

إضافة فئة للمشرفين فقط

لبدء هذه العملية، نقوم بكتابة دالة بسيطة تضيف فئة مخصصة لصفحة الموقع إذا كان المستخدم من فئة المسؤولين. يمكن استخدام الدالة التالية لتحقيق هذا الهدف:

function add_admin_body_class($classes) {
    if (current_user_can('administrator')) {
        $classes[] = 'is-admin';
    }
    return $classes;
}
add_filter('body_class', 'add_admin_body_class');

هذه الدالة تتحقق أولاً مما إذا كان المستخدم لديه صلاحيات المسؤول، وعندها تقوم بإضافة الفئة 'is-admin' إلى عناصر الجسم (body) في الموقع. بمجرد إضافة هذه الدالة وإدراجها في ملف (functions.php)، ستكون هناك فئة جديدة للمسؤولين فقط عند زيارة أي صفحة.

كتابة كود CSS لإخفاء المحتوى

الخطوة التالية هي ضبط CSS الخاص بالمحتوى الذي نرغب في إخفائه عن المستخدمين الآخرين. لنفترض أننا نريد إخفاء عنصر معين، مثل نافذة منبثقة (.mapplic-popup-body). يمكن القيام بذلك كما يلي:

.mapplic-popup-body {
    display: none !important;
}
body.is-admin .mapplic-popup-body {
    display: flex !important;
}

في هذا الكود، نبدأ بإخفاء الفئة .mapplic-popup-body لكافة المستخدمين. ثم، باستخدام الفئة is-admin، نقوم بإظهار هذا العنصر مجددًا فقط للمشرفين.

التأكد من عمل الكود بشكل صحيح

إذا واجهت أي مشكلة بأن العنصر لا يظهر حتى للمسؤولين، تأكد من أنك قمت بإضافة الكود بشكل صحيح. قد يكون السبب في ذلك هو الترتيب أو تعارضات مع أنماط CSS أخرى. تأكد من اختبار التعديلات وتجربة الموقع أثناء تسجيل الدخول كمستخدم عادي وأيضًا كمشرف.

التعديل على الفئة في CSS

في بعض الحالات، قد تلاحظ أن تغيير الفئة من is-admin إلى فئة أخرى، مثل wp-admin، قد يظهر الفئة في لوحة التحكم فقط. لكن الهدف هنا هو أن تكون الفئة مرئية في الصفحة الرئيسية للمحتوى.

لذلك، تأكد من أنك تتعامل مع الفئات بشكل صحيح وأن النمط المستخدم يعكس ما تريد تنفيذه. اعتمادًا على كيفية إعداد موقعك، قد تحتاج أيضًا إلى التحقق من القوائم المنسدلة الأخرى أو المكونات الإضافية التي قد تؤثر على عرض المحتوى.

استنتاج

تعد عملية إخفاء فئة معينة باستخدام CSS للمستخدمين العاديين وإظهارها فقط للمشرفين واحدة من التقنيات المفيدة لتحسين تجربة المستخدم. من خلال اتباع الخطوات المذكورة أعلاه، يمكنك التحكم في ما يراه مستخدموك العاديون وكيفية تفاعلهم مع المحتوى، مما يساعد على ضمان أن المعلومات الحساسة أو الإضافات الخاصة بالموقع تبقى محصورة تحت رعاية المشرفين فقط.

من خلال هذه الممارسة، يمكن لمواقع ووردبريس أن تصبح أكثر أمانًا وتخصيصًا، مما يوفر تحكمًا أكبر للعاملين على الموقع. لا تتردد في تنفيذ هذه الاستراتيجيات حيث يمكنك تحسين فعالية ووظائف موقعك بطريقة مناسبة وشفافة.