Да, извините, я должен был обновить свой пост. Я разобрался: для Font Awesome нужно было добавить их в раздел Setup.
И недавно, как вы и говорили, узнал, что нужно создать SVG-спрайт-файл и загрузить его в icons-sprites.
Мне всё ещё приходится узнавать много нового. Благодарю за помощь в расширении моих знаний. Спасибо.
Значки категорий на нашем сайте выглядели отлично, пока я сегодня не зашел. Похоже, что отступ между значком и названием категории отсутствует при отображении. У кого-то еще возникла эта проблема?
Например…
Я тоже это вижу. Я уверен, что Penar исправит это, но пока вот это решение поможет:
.select-kit .select-kit-header .selected-name .name .d-icon {
margin-right: .25em;
}
Спасибо обоим, это должно быть исправлено сейчас.
Возможно ли использовать другие иконки, кроме Font Awesome? Мой форум посвящен путешествиям, и мне нужны очень специфичные иконки, которых там нет. Можно ли использовать обычный PNG-файл с иконкой, например так, как мы делаем это с категориями? Спасибо!
Вы можете использовать пользовательские иконки, если конвертируете их в SVG и добавите в вашу тему через SVG-спрайт. Ознакомьтесь с разделом «Создание SVG-спрайта» в этом руководстве, чтобы узнать, как добавить пользовательские иконки на ваш сайт, которые затем можно использовать в этом компоненте (а также на всём сайте Discourse).
Отлично работает!
Можно ли настроить так, чтобы иконка отображалась после заголовка категории?
Дополнительный вопрос: можно ли добавить всплывающую подсказку или альтернативный текст?
(Контекст: я скрываю иконку замка и вместо этого использую этот компонент, чтобы добавить иконку к нескольким моим публичным категориям. Мне бы хотелось, чтобы пользователи могли узнать, что означает этот символ.)
У меня возникли проблемы с использованием моих собственных иконок. Я не нашёл никакой информации о том, нужно ли использовать префикс или нет. Вот что я делаю.
Вот используемый мной SVG — https://andronixforumupload.ams3.digitaloceanspaces.com/original/1X/bdabc28a604dc98bb25ce8af2ef6f8dc7c9f2626.svg
Как вы видите, иконку Arch я вообще не вижу.
icons-sprite:
my-icon в спрайт-листе, напишите следующее:Результат:
@Canapin Это не работает. Вот мой файл спрайта - Файл спрайта
Идентификатор изображения, который я пробую - Здесь
Вот что я делаю -
Я что-то делаю не так?
В вашем спрайтовом листе попробуйте заменить:
<svg width="0" height="0" class="hidden">
на:
<svg xmlns="http://www.w3.org/2000/svg">
Также нет необходимости указывать ID иконки в полях настройки svg icons — все ваши пользовательские иконки уже доступны из загруженного спрайтового листа.
Я считаю, что настройка svg icons предназначена для загрузки дополнительных иконок Font Awesome, так как Discourse по умолчанию загружает только небольшой заранее определённый набор.
@Canapin Спасибо! Всё сработало как по маслу. У меня есть ещё один вопрос: этот файл спрайтов привязан к какому-то конкретному компоненту, или я могу обращаться к иконкам по их идентификаторам в любом месте?
Когда вы загружаете файл в используемую тему или компонент темы, вы можете использовать его в любом другом, так что, полагаю, вы можете использовать свои идентификаторы иконок в любом месте.
Привет, Penar, будет ли это поддерживать новый плагин Font Awesome Pro? Или есть какой-то способ использовать его уже сейчас, который я упускаю? Спасибо!
Да, это должно работать с плагином Pro. Вы видите SVG-файлы не для Pro только для иконок категорий?
Да, после удаления моего спрайта отображаются только непрофессиональные. Кроме того, непрофессиональные не следуют настройке fa_icon_style для светлых иконок и т.д.
Хм, у меня на локальном сайте всё работает нормально.
Это значок шестерёнки, при использовании плагина со стилем «Light». Сравните это с обычным стилем ниже.
Но возможно, я проверяю не то… Дайте знать, если у вас есть конкретный значок, который отображается неправильно.
Вот пример с установкой на светлую тему. У «Критики изображений» иконка comment-alt-edit, и она не отображается (это про-иконка). У «Витрины изображений» иконка images, которая не является про, но отображается обычная версия, а не светлая. В разделе «Обсуждения» показана сплошная версия comments, а в разделе «Сообщество», как и ожидалось, отображается светлая версия users.
Я попробовал изменить одну из них на cog, и она работает как положено с правильной светлой версией. Здесь происходит много странного!
Вы пробовали с far-comment-alt-edit?
Понял, ключ в том, что в category icon list должно быть far-, а не svg icons. Значит, для светлых иконок мне нужно заменить все far- на fal-, и это не будет следовать настройке сайта fa icon style, верно?
