Custom Header Links (icons)

Ого — это сработало, огромное спасибо!
Я пробовал «building» только в компоненте темы (не сработало) и «fas-building» в обоих местах (тоже не сработало), но в голову не пришло попробовать обычную версию в обоих полях.

Тем не менее, я бы всё же предложил сделать различие между fa(s) и fab/far более явным в описании компонента.

2 лайка

Здравствуйте.
Спасибо за отличный плагин.

Буду признателен, если вы сможете оказать поддержку.

На моём Discourse включена настройка «Требуется вход».
При посещении сайта с этой настройкой меня, естественно, просят создать учётную запись или войти в систему, а в заголовке отображается значок, созданный с помощью этого плагина.


Страница, требующая создания учётной записи или входа (на японском)

Если бы всё ограничивалось этим, проблем бы не было, но при клике на значок открывается связанная страница без необходимости входа в систему.
(Ссылка ведёт на плагин, созданный мной самостоятельно, а путь находится непосредственно в корне сайта, например /test_path. Даже при таком пути, если указать URL напрямую, система по-прежнему будет запрашивать создание учётной записи или вход в систему. Однако если перейти через значок в заголовке этого плагина, страница отображается без входа).

Лучшее решение — вообще не показывать значок, но как минимум при клике на него должна открываться страница с запросом входа в систему.

Буду очень признателен, если вы поможете найти решение. Большое спасибо.

1 лайк

Привет @Johani. Похоже, это нужно обновить в соответствии с новым способом работы переменных темы. Я вижу эту ошибку в панели администратора:

Ошибка: Неопределённая переменная: "$add-whitespace". на строке 14 файла common.scss >> @if $add_whitespace == "true" { ----^
3 лайка

Здравствуйте,

Я ссылаюсь на страницу с ограниченным доступом, куда необходимо передать некоторые переменные в URL. Возможно ли получить такие системные переменные, как username, userid, mail и т. д.?

1 лайк

Я ищу то же самое. Я хочу отправлять имя пользователя вошедшего в систему пользователя на удалённый сервер при клике на иконку в шапке. Я понимаю, что можно получить имя пользователя через JavaScript, но не уверен, как это сделать именно через иконку в шапке:

<script type="text/discourse-plugin" version="0.8">
const username = api.getCurrentUser().username;
</script>

Спасибо!

1 лайк

Только предупреждение: я заметил ошибку в инструкции по настройкам темы.

Вверху указано, что порядок такой: title, icon, URL, view, target.

А внизу сказано, что порядок такой: title, icon, view, URL, target.

Верный вариант — верхний, где URL идёт перед view.

Скриншот ниже:

3 лайка

Я только что отправил PR по этому вопросу:

5 лайков

Спасибо! Думаю, когда-нибудь я научусь и наберусь смелости сделать PR :smiley:

3 лайка

Можно ли указать положение иконки? Я использую одну пользовательскую иконку, но в том же заголовке находятся иконка чата и ещё одна иконка компонента темы. Я хочу разместить пользовательскую иконку заголовка рядом с иконкой поиска.

Всем привет!

Спасибо за отличный компонент темы! Однако я столкнулся с небольшой проблемой: некоторые иконки отображаются корректно, например fa-rocket, а другие не появляются, например fa-rocketchat, хотя, как мне кажется, все необходимые классы иконок установлены. Есть ли какие-то идеи, что может быть причиной? Буду очень признателен за помощь :slight_smile:

Также: как можно использовать обычные иконки Font Awesome вместо закрашенных? Я пробовал добавлять far-iconname и fa-regular, но это, похоже, не работает…

Вероятно, из-за этого

Что касается первой части вашего вопроса. Возможно, я ошибаюсь, но попробуйте добавить иконку Rocket Chat в ваш подмножество SVG-икон в настройках сайта.

1 лайк

К сожалению, это не решает мою проблему.

Ссылка в заголовке:

Rocket.Chat,rocket,https://chat.domain.de,vdo,blank

В разделе Svg Icons в настройках компонента темы и Svg icon subset в основных настройках Discourse я добавил fa-rocketchat и fa-brands, как описано в описании иконок Font Awesome. Они поддерживаются начиная с версии FA 5.0.0, так что дело не в этом…

У кого-нибудь есть идеи или возможность помочь? :slight_smile:

Вам необходимо:

  1. Добавить fab-rocketchat в подмножество SVG-иконок.
  2. Изменить Ссылки в заголовке на Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank.

Инструкции вводят в заблуждение, но, если вдуматься, они, вероятно, не ошибочны:

Сложность заключается в том, что вам нужно преобразовать fab fa-rocketchatсайта Font Awesome) в fab-rocketchat (в Discourse).

2 лайка

Есть ли способ добавить SVG-иконки, которые я загружаю на свой сайт? (Без использования иконок с сайта Font Awesome)

Я ломаю голову над задачей, которую не знаю, как решить!

Я использую иконку «гарнитура» (headset), и она работает нормально:

rocket | Font Awesome

Но когда я хочу использовать иконку «гарнитура» в лёгком стиле (light), она вообще не отображается:

rocket | Font Awesome

Я уже пробовал префиксы ‘fab-’, ‘fas-’ или ‘far-’, пробовал без них, вставлял название прямо в часть SVG — перепробовал всё, но использовать её не получается.

[image]

То же самое с иконкой Google Play Store: я не могу её использовать, и никак не получается.

rocket | Font Awesome

Почему так происходит?

Возможно, версия со светлым значком является «профессиональной»:

Чтобы использовать светлый стиль «наушников», вам потребуется подписка на тарифный план Pro или бессрочная лицензия Pro, включающая конкретную версию Font Awesome, в которой был выпущен этот значок (или стиль).

1 лайк

Хотелось бы тоже это узнать. Я хочу добавить иконку Letterboxd (где-то в интернете, например, такие уже были созданы и предложены Font Awesome, но не приняты)

Вы можете добавить свои собственные SVG-иконки с помощью темы:

2 лайка

Как разместить иконки внизу сайта (в мобильном режиме), чтобы они отображались одинаково для всех?

Например, кнопка временной шкалы должна появляться в одном и том же положении на всех моделях мобильных телефонов и мобильных операционных системах.

Сейчас, когда я использую CSS, чтобы переместить меню кнопок заголовка вниз, на некоторых телефонах они отображаются в правильном положении, на других — немного выше, на третьих — немного в стороне. Почему это происходит?

Ещё один вопрос: есть ли способ разместить иконку, при клике на которую открываются другие опции с иконками, как в примере ниже?