Custom Header Links

Настройка Компонент темы
,
137

Привет @andreas_can, добро пожаловать в Meta :wave:

Этот компонент добавляет CSS-класс к каждой ссылке на основе её текста. Добавляемый класс совпадает с текстом ссылки, за исключением того, что пробелы заменяются на дефис (-), а текст приводится к нижнему регистру. В конце строки добавляется суффикс -custom-header-links.

Например, если вы добавите ссылку с текстом

privacy

то элемент ссылки получит класс

privacy-custom-header-links

Если текст вашей ссылки

Visit Shop

то CSS-класс будет

visit-shop-custom-header-links

Итак, теперь вы знаете, какой класс добавляется к каждой ссылке. Вернёмся к вашему вопросу.

Discourse добавляет CSS-класс к тегу <HTML>, когда пользователь не авторизован. Этот класс —

anon

Таким образом, вы можете использовать его, чтобы скрыть определённые ссылки для пользователей, не вошедших в систему. Допустим, у меня есть ссылка с текстом

Customer Support

и я не хочу, чтобы она отображалась пользователям, не авторизованным в системе.

В этом случае я добавлю следующий CSS

.anon {
  .customer-support-custom-header-links {
    display: none;
  }
}

во вкладку common > CSS моей основной темы.

Это скроет указанную ссылку для пользователей, не авторизованных в системе.

11 лайков