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

الدعم
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

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

442×140 9.21 KB

4

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

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
   }
  }
}