كيفية إنشاء سمة يمكن للمسؤولين فقط استخدامها؟

أتفق مع كل ما قاله الجميع هنا تقريبًا.

إذا كنت تريد حقًا اتباع طريقة CSS، فإليك كيفية جعل تعديلات CSS الخاصة بك تنطبق فقط على غير المسؤولين:

في علامة التبويب Head في السمة الخاصة بك، اكتب هذا:

    <script type="text/discourse-plugin" version="1.4.0">
    let currentUser = api.getCurrentUser();
    if (currentUser.admin == true) {
         document.querySelector("body").classList.add("is-admin");
    }
    </script> 

قم بتغليف جميع قواعد CSS الخاصة بك بـ body:not(.is-admin) { (CSS الخاص بك) } مثل:

body:not(.is-admin) {
    #main {
        background: pink;
    }
}

في مثالي، سيتم تطبيق الخلفية الوردية على الجميع باستثناء المستخدمين المسؤولين.

3 إعجابات