CSS مخصصة حسب دور المستخدم أو المجموعات

أحاول معرفة ما إذا كان من الممكن تخصيص CSS بناءً على أدوار المستخدمين أو مجموعاتهم؟

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

.topics {
    display: none;

إلى CSS السمة.

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

هل من الممكن تحديد ما إذا كان المستخدم ينتمي إلى مجموعة لأغراض تخصيص CSS؟

إذا قمت بتثبيت مكون السمة هذا، فيمكنك استهداف مجموعات المستخدمين باستخدام CSS:

مثل هذا:

body.group-your-group-name > .some-page-element-class {
    display: none;
}

بدون المكون، يمكنك أيضًا استخدام:

.something {
  display: none;
}
.staff .something {
   display: block;
}
5 إعجابات

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

إعجابَين (2)

شكرًا، هذا رائع. كمرجع، ما هي مجموعات CSS الأخرى التي يمكن معالجتها في CSS بشكل أصلي (بخلاف staff)؟ هل هناك أي شيء للمستخدمين المجهولين (غير المسجلين) أو المسؤولين (بدون مشرفين)؟

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

يمكنك رؤية كيف أستخدم .staff و .anon في أحد مكونات الثيمات الخاصة بي هنا.

إعجاب واحد (1)

عظيم، شكرًا لك. أتساءل عما إذا كانت صفحة مكونات السمة يمكنها سرد مجموعة أسماء المجموعات/الأدوار/الثقة القياسية التي يمكن الوصول إليها (والتي تأتي مدمجة في discourse)، ستكون مرجعًا رائعًا جاهزًا. أو إذا كان يمكنك سردها هنا إذا كنت تعرفها.

إذا قمت بتثبيت مكون css للمجموعة، يمكنك استخدام جميع المجموعات الافتراضية ومستويات الثقة في صفحة admin-users-groups بالإضافة إلى أي مجموعات مخصصة تقوم بإنشائها.

إعجابَين (2)

شكراً لك. هذا رائع بالنسبة لي.

إعجاب واحد (1)