Вы можете добавить баннеры в настройках компонента, указав категорию сразу под баннером, цвет баннера и текст заголовка. Также есть возможность скрыть стандартные цветные границы:
Этот компонент добавляет только элементы макета на страницу категории. Поэтому вы не можете ссылаться на эти заголовки в других местах вашего сайта. Еще одно предупреждение: на мобильных устройствах нет стандартного стиля страницы Только категории. Там всегда будут отображаться и избранные темы.
Благодарности: Компонент вдохновлен внешним видом сообщества Cfx.re, а также оригинальным решением @godgutten для достижения такого вида, которое было опубликовано в теме Как добавить баннеры категорий?
Это выглядит как ожидаемое поведение. Слот цвета принимает любое значение, которое можно использовать для background-color в CSS. Таким образом, при указании шестнадцатеричного значения цвет останется неизменным в разных режимах и темах.
Если вы действительно не хотите устанавливать цвет фона, укажите none или transparent.
Если вам нужен цвет фона, который меняется в зависимости от режима, его следует задать с помощью CSS-переменной: вы можете использовать одну из предопределённых переменных Discourse, например var(--secondary-high). Или определите свои собственные, как описано в
Привет! Мне очень нравится то, что вам удалось создать. Но было бы справедливо указать и мою заслугу, а не просто присвоить мои работы и использовать их без упоминания…
Да, пожалуйста, я бы с радостью получил хотя бы какое-то упоминание. Но это уже ваше решение. В остальном всё выглядит отлично, и я порекомендую этот компонент темы в своём посте, так как это упростит работу новым пользователям.
@ Nolo
Есть ли способ в TC или с помощью CSS в теме выровнять текст заголовка по левому краю, как во втором вашем примере?
Также есть ли способ (если не используется баннерное изображение) уменьшить высоту шапки до толщины одной строки текста?
И если да, можно ли уменьшить размер текста, чтобы он был не таким крупным?
Да, конечно, вы можете стилизовать баннеры, используя эти классы:
Если вы хотите переопределить существующие объявления для общего класса, вам нужно использовать свойство !important. Например, для упомянутых вами стилей:
Это связано с тем, что стили фактически объявлены для конкретных баннеров. Я мог бы улучшить это в компоненте, но пока вам нужно переопределять их с помощью !important.
Огромное спасибо за этот компонент! Я разрабатываю политический форум, и возможность применять такую сегментацию для меня критически важна.
Хотя это уже огромное улучшение для моего форума, это стало бы прорывом, если бы заголовки можно было ссылать по URL. Это позволило бы создать кнопки в верхней части форума, с помощью которых пользователь мог бы легко перемещаться по одной и той же странице. Это была бы чрезвычайно гибкая функция, если форум (надеюсь) значительно расширится. Возможно ли это сейчас?
Я с нетерпением жду возможности попробовать это, так как создал слишком много категорий, и возможность сгруппировать их будет большой помощью.
Я узнаю об этом, когда попробую. Это также может быть способом убрать старые, менее используемые категории с главной страницы, верно? Они всё равно будут доступны через новый боковой панель.
Да, конечно На самом деле я почти всегда делаю выбор категорий на разных элементах страницы (боковая панель, заголовок, навигационная панель, страница категории и т. д.). Это похоже на структуру сайта. Важно, чтобы она была хорошо организована, но это не должно определять представление вашего интерфейса.
Привет, @manuel! Я хотел бы узнать, работает ли этот замечательный компонент после обновлений речи? Я установил его, но у меня он не работает. Заранее спасибо.
Этот компонент добавляет только элементы макета на страницу категории. Поэтому вы не можете ссылаться на эти заголовки в других местах вашего сайта. Еще одно предупреждение: на мобильных устройствах нет стандартного стиля страницы Только категории. Там всегда будут отображаться и избранные темы.
Благодарности: Компонент вдохновлен внешним видом сообщества Cfx.re, а также оригинальным решением @godgutten для достижения такого вида, которое было опубликовано в теме Как добавить баннеры категорий?
