هل توجد طريقة للتمييز بين الفئات المرئية للمستخدمين المسجلين فقط والفئات المرئية لمجموعات معينة؟
حاليًا، أستخدم CSS لإخفاء أيقونة القفل أمام جميع الفئات المرئية للمستخدمين المسجلين فقط. والآن أود وضع أيقونة مجموعة أمام الفئات المقيدة بمجموعات معينة.
هل توجد طريقة للتمييز بين الفئات المرئية للمستخدمين المسجلين فقط والفئات المرئية لمجموعات معينة؟
حاليًا، أستخدم CSS لإخفاء أيقونة القفل أمام جميع الفئات المرئية للمستخدمين المسجلين فقط. والآن أود وضع أيقونة مجموعة أمام الفئات المقيدة بمجموعات معينة.
في حين أنني أفهم سؤالك، إلا أنني أفكر في حالة الاستخدام. خاصةً لأن المستخدمين القادرين على رؤية الفئات، يرونها بغض النظر عن المجموعات أو حالة تسجيل الدخول. إذن كيف يمكن أن يساعد التمايز؟ لا أعتقد أن هناك طريقة لذلك، لكن قد أكون مخطئًا.
حالة الاستخدام هي نفسها لأيقونات القفل، والتي أعتقد أنها تهدف إلى تذكير المستخدمين: إذا نشرت هنا أو شاركت رابطًا من هنا، فلن يكون متاحًا للجميع.
أشعر أنني لا أحتاج إلى هذا التذكير في الفئات المخصصة للمستخدمين المسجلين فقط، لأن عددًا قليلًا جدًا من الفئات في موقعي مرئي للمستخدمين المجهولين. (بدلاً من ذلك، أضع أيقونة
بجانب الفئات المرئية للعامة لتذكير المستخدمين بأنها متاحة على الإنترنت المفتوح.)
أما الفئات التي لديها قيود أكثر من مجرد “يجب تسجيل الدخول”، فقد يكون من الأقل وضوحًا أنها مخصصة لمجموعة أكثر أو أقل حصرية. قد يكون المستخدمون الجدد قد مُنحوا حق الوصول إلى مجموعة عند إنشاء حسابهم لأول مرة. لذا، منذ اليوم الأول، يرون مجموعة مختلفة من الفئات مقارنة ببعض المستخدمين الآخرين، ولكن ما لم يتضمن اسم الفئة أو وصفها (إذا قرأوه) تلميحًا، فلن يتمكنوا من معرفة أن الفئة مرئية لبعض المستخدمين فقط. وقد ينسى المستخدمون القدامى أن هذه الفئة التي مُنحوا حق الوصول إليها سابقًا ليست في الواقع متاحة للجميع.
لذا، باختصار، يبدو لي أن تذكيرًا بصريًا سريعًا مثل أيقونة القفل أكثر منطقية للفئات المقيدة من تطبيقه على جميع الفئات تقريبًا في موقع يكون معظمه مخصصًا للمستخدمين المسجلين فقط.
لقد قمنا مؤخرًا بتقييد فئة معينة لمستوى ثقة أعلى، والآن يظن الناس باستمرار أن هذه المواضيع قد أُغلقت. الإغلاق والتقييد أمران مختلفان، ومن المُربك أن يُستخدم نفس الأيقونة لكليهما. فالقفل يُفهم عمومًا على أنه يشير إلى أن الشخص الذي يراه لا يملك وصولاً كاملاً، وليس إلى أنه مخفي عن الآخرين.
في غضون ذلك، قررت أن أضع أمام كل فئة ما هو مستوى الوصول. أنا أستخدم أيقونة الكرة الأرضية للفئات العامة (الوصول المجهول)، وأيقونة “مجموعة” للفئات المتاحة للمستخدمين المسجلين، وأيقونة “أصدقاء” للفئات المقيدة الأخرى.
كيف تحقق ذلك؟ أعتقد أنها فكرة رائعة، وبينما نقرب موقعنا من الحصول على فئتين عامتين، أود أن أفعل شيئًا مشابهًا لهما. أحببت الكرة الأرضية!
أود تحقيق ما يلي:
everyonetrust_level_0هذا المكون يجب أن يفعل ذلك يا ناثان.
نعم، هذا ما أستخدمه. في حقل svg-icons، أدخل users, user-friends وأي رمز تريده للوصول العام (بالنسبة للكرة الأرضية، أستخدم أيقونة من Freepik، والتي أضفتها إلى Discourse الخاص بي عبر مكون سمة تم تحميله)
أخفي أيقونة القفل باستخدام CSS هذا المضاف إلى مكون سمة:
// لا توجد أيقونة قفل للفئات الخاصة
.category .badge-category.clear-badge.restricted .d-icon-lock,
.badge-category.clear-badge.restricted .d-icon-lock,
.category-list .category-text-title .d-icon-lock,
.category-box-heading .d-icon-lock {
display:none;
}
لقد توصلت إلى صيغة مختلفة لفكرتك، حيث يمكنني إخفاء أيقونة القفل بشكل انتقائي في الفئات التي يمكن الوصول إليها بواسطة TL_0 (يدويًا) فقط.
نظرًا لعدم وجود فئة CSS ملائمة ومريحة لهذا الغرض، يجب عليك استهداف خصائص التحويم (title) والرابط (href) بدلاً من ذلك، ويجب عليك أيضًا القيام بذلك لكل فئة تريد إخفاء أيقونة القفل لها:
// يخفي أيقونات القفل لفئة ux
[title = "ux"], [href = "/c/ux/9"] {
.d-icon {
display: none;
}
}
بالطبع، سيتعارض هذا مع أي أيقونات من مكون أيقونات الفئة، ولكن يمكن التخفيف من ذلك عن طريق استهداف .d-icon-lock (أو أي أيقونة تستخدمها) بدلاً من .d-icon لتلك الفئة.
لقد قمت للتو بتعديل CSS هذا بعد اكتشاف أنني كنت أفتقد بعض الأيقونات. إنه يعمل بشكل أفضل الآن، ولكنه سيتعطل بسهولة إذا قمت بتغيير هيكل الفئة الخاص بك.
تحديث طفيف لهذا حتى تتمكن من استخدامه مع الشريط الجانبي:
// يخفي أيقونات القفل لفئة تجربة المستخدم
.sidebar-section-link-ux .prefix-badge {
display: none;
}
.category-ux .list-controls, [href = "/c/ux/9"] {
.d-icon-lock, {
display: none;
}
}
بالنسبة لقوائم منسدلة لتحديد الفئات، أضفت هدفًا آخر:
.category-ux .list-controls, [href = "/c/ux/9"], [data-value = "9"] {
.d-icon-lock, {
display: none;
}
}
أيضًا، بالنسبة لقنوات الدردشة أقترح: [href *= "chat/channel/9/"]