Custom Header Links (icons)

Для LinkedIn вы можете использовать fab-linkedin в качестве имени иконки в этом настройке

но поскольку эта иконка не включена в стандартный набор иконок, используемый Discourse, вам также нужно добавить её в другую настройку компонента.

У меня результат выглядит так

Конечно, в этой теме есть раздел о добавлении пользовательских иконок.

После настройки вы сможете использовать любые пользовательские иконки, добавленные в этот компонент темы. Пожалуйста, ознакомьтесь с этим и дайте знать, если возникнут какие-либо проблемы.

Я внес это изменение вместе с несколькими другими улучшениями реализации здесь

Новое обновление добавляет уникальные префиксированные классы к каждой ссылке на основе используемого вами заголовка. Таким образом, например, если вы используете

facebook, fab-facebook, https://facebook.com, vdm, blank

ссылка будет иметь класс

header-icon-facebook

Шаблон — header-icon-НАЗВАНИЕ-ИКОНКИ

Который затем можно настроить с помощью CSS следующим образом

.d-header-icons {
  .header-icon-facebook svg {
    fill: #4267b2;
  }

  .header-icon-twitter svg {
    fill: #1da1f2;
  }

  // добавьте больше иконок здесь
}

что приведёт к результату, похожему на этот

цветные иконки

4 лайка