إخفاء العلامات والشارات من الهامبرغر للضيوف فقط

الدعم
1

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

أعلم أنه يمكن القيام بذلك بسهولة باستخدام CSS من هذا المنشور -

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

2

يمكن للمستخدمين المجهولين الحصول على فئة anon يمكنك استهدافها، لذا يمكنك استخدام شيء مثل:

.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.categories-link {
    display: none
   }
  }
}

(لقد أضفت للتو فئة anon إلى المثال من الموضوع الآخر. ستحتاج إلى تعديله لإخفاء الأشياء المحددة التي تريدها)

3 إعجابات
3

لقد نجح هذا الأمر بشكل رائع. شكرًا لك! الشيء الوحيد المتبقي لإخفائه هو رابط العلامات ولكنه لا يبدو أن له فئة خاصة به. كيف أستهدفه؟ باستخدام فئة widget-link، فإنه يخفي روابط “حول” و “الأسئلة الشائعة” و “عرض الهاتف المحمول”.

442×140 9.21 KB

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

هذا يبدو واعدًا:

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

[quote=“إزالة "العلامات" من قائمة الهامبرغر باستخدام CSS، post:2, topic:160196”]
.menu-panel li a.widget-link[href=“/tags”] { display: none; }
[/quote]

ممتاز. هذه هي الشيفرة النهائية التي نجحت. لقد أخفيت أيضًا شريط الفاصل. شكرًا Jammy!

/* إخفاء رابط العلامات والشارات من قائمة الهامبرغر للضيوف */
.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.widget-link[href="/tags"],
  .menu-container-general-links
    {
    display: none
   }
  }
}
3 إعجابات
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.