Скрыть теги и значки в меню-бургере только для гостей

Поддержка
1

Я хочу, чтобы интерфейс для неавторизованных пользователей был максимально простым, поэтому хотел бы узнать, можно ли скрыть теги и значки из меню-гамбургера только для гостей.

Я знаю, что это можно легко сделать с помощью CSS, следуя этой теме:

Но как проверить, является ли пользователь гостем, и затем скрыть элементы меню? Мне, вероятно, нужно вызвать функцию для проверки этого (как в WordPress), но я не представляю, как это будет работать в 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 скрываются ссылки «О нас», «FAQ» и «Мобильная версия».

442×140 9.21 KB

4

Этот вариант выглядит многообещающе:

5

Отлично. Это финальный код, который сработал. Я также скрыл разделительную линию. Спасибо, 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
   }
  }
}