# Тема Horizon и компонент миниатюр тем

**URL:** https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764
**Category:** Feature
**Tags:** topic-list-thumbnails, horizon-theme
**Created:** [26.Октябрь.2025 15:19:35 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764 "2025-10-26T15:19:35Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![craigconstantine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/craigconstantine/32/511195_2.png) [@craigconstantine](https://meta.discourse.org/u/craigconstantine)
#### Post date: [26.Октябрь.2025 15:19:35 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/1 "2025-10-26T15:19:35Z")

</div>

Два вопроса…

У первого элемента в списке, похоже, миниатюра принудительно обернута или прижата влево, из-за чего нарушаются размеры и форма категории:

 ![Screenshot 2025-10-26 at 11.14.11](https://global.discourse-cdn.com/meta/original/4X/5/1/3/513807d38f070efcab6f2b9fcc037df1b2ad3400.jpeg)

Во-вторых, начиная со второго элемента, часть миниатюры уходит под, а часть заходит _над_ элементами управления, расположенными над списком тем…

 ![Screenshot 2025-10-26 at 11.14.18](https://global.discourse-cdn.com/meta/original/4X/e/8/e/e8e9229477053553d9d30aab35723bf86c04db58.jpeg)

 ![Screenshot 2025-10-26 at 11.14.32](https://global.discourse-cdn.com/meta/original/4X/8/d/3/8d37a5040bc5820635f63a3ede1a30e6cc94a5df.jpeg)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [26.Октябрь.2025 21:38:23 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/3 "2025-10-26T21:38:23Z")

</div>

Спасибо за сообщение! Один из наших дизайнеров ознакомится с ним.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [28.Октябрь.2025 00:02:15 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/4 "2025-10-28T00:02:15Z")

</div>

Привет!

Наша тема Horizon не предназначена для совместимости с компонентом topic-list-thumbnail. Оба компонента по-разному изменяют структуру карточек тем, поэтому они плохо работают вместе.

Здесь вы можете найти список с текущим статусом совместимости с другими компонентами:

> [@Horizon Theme](https://meta.discourse.org/t/horizon-theme/360486#p-1748144-theme-component-plugin-compatibility-6):
>
> information_sourceSummary Horizon is a simple, beautiful theme that improves the out-of-the-box experience for Discourse sites.eyeglassesPreview Try it out here on Meta or [Theme Creator](https://discourse.theme-creator.io/theme/system/horizon)hammer_and_wrenchRepository Horizon is part of Discourse core.questionInstall Guide There is no need to install Horizon, it is preinstalled as part of Discourse core.open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)Features Horizon offers a simpl…

---

<div class="post-metadata">

### Author: ![craigconstantine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/craigconstantine/32/511195_2.png) [@craigconstantine](https://meta.discourse.org/u/craigconstantine)
#### Post date: [28.Октябрь.2025 14:11:06 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/5 "2025-10-28T14:11:06Z")

</div>

Кстати, я не вижу этого в упомянутой вами теме.

Это официальный компонент, так что он будет поддерживаться «в какой-то момент», устаревает или . . .

Обратите внимание, что я использую это на двух сообществах (которые я размещаю через [Discourse.com](http://Discourse.com)), где вид сетки является основной функцией в некоторых категориях:

В моем 5-летнем сообществе подкастеров подкастеры любят видеть обложки своих шоу…

[https://forum.podcaster.community/c/introductions/9](https://forum.podcaster.community/c/introductions/9)

 ![Screenshot 2025-10-28 at 10.10.41](https://global.discourse-cdn.com/meta/original/4X/d/9/0/d9035d3c0220ec18f67514418ce5829479bb5813.jpeg)

…и в новом сообществе (мы всё ещё его развиваем), посвящённом пионам (цветущим растениям), мы представляли галерею с использованием вида сетки, заполненной изображениями…

[https://forum.peonytalk.com/c/gallery/6](https://forum.peonytalk.com/c/gallery/6)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [28.Октябрь.2025 19:06:02 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/6 "2025-10-28T19:06:02Z")

</div>

> [@craigconstantine](#):
>
> К сведению, я не вижу этого упоминания/списка в той теме, на которую вы ссылаетесь.

В этом и суть: раз это _не_ указано в списке, значит, это _не_ поддерживается.

> [@craigconstantine](#):
>
> Это официальный компонент, так будет ли он поддерживаться «в какой-то момент» или устаревает, или . . .

Это официальный компонент, что означает, что мы гарантируем его работу с нашей базовой темой (foundation), но он не будет поддерживаться в ближайшее время в Horizon, которая является нашей темой с жёсткими требованиями.

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [29.Октябрь.2025 09:23:03 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/7 "2025-10-29T09:23:03Z")

</div>

Я переместил это в #Contribute > Feature — мы не считаем это ошибкой, поскольку данный компонент пока не поддерживается, но я не против продолжить обсуждение запроса здесь.

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

Не могли бы вы рассказать подробнее о каждом из сценариев использования категорий, для которых предназначена эта функция?

---

<div class="post-metadata">

### Author: ![craigconstantine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/craigconstantine/32/511195_2.png) [@craigconstantine](https://meta.discourse.org/u/craigconstantine)
#### Post date: [29.Октябрь.2025 10:43:53 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/8 "2025-10-29T10:43:53Z")

</div>

Категории, где визуальная составляющая тем имеет первостепенное значение; где изображение из первого сообщения темы не менее важно, чем текст, и поэтому должно отображаться в виде миниатюры в списках тем. Случаи, когда плиточная верстка с крупными изображениями (одна колонка, изображение во всю ширину на мобильных устройствах; около трёх в ряд на настольных компьютерах) важнее, чем углубление в конкретные темы. Подкастеры взаимодействуют с обложками чужих шоу, садоводы — с изображениями растений и т. д.

Тем временем мне придётся вернуться к теме Default на своих сообществах, поскольку Horizon (которая во многих других аспектах _гораздо_ лучше Default) без этого компонента вообще не подходит. Этот компонент является ключевой функцией моих сообществ.

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [29.Октябрь.2025 10:54:22 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/9 "2025-10-29T10:54:22Z")

</div>

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

> [@craigconstantine](#):
>
> Подкастеры взаимодействуют с обложками чужих шоу, садоводы — с изображениями растений и т. д.

Не могли бы вы немного подробнее описать цель категории, где люди делятся своими обложками?

Сколько всего категорий есть в каждом из этих сообществ? Из этих категорий какие используют данный макет, а какие — нет?

Если другие пользователи выразят желание получить эту функцию, я также заинтересован в сборе таких историй.

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

Например, требуется ли в этих категориях, чтобы пользователи включали изображение в свой первый пост? Если да, то у вас есть достаточные средства для обеспечения этого?

---

<div class="post-metadata">

### Author: ![craigconstantine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/craigconstantine/32/511195_2.png) [@craigconstantine](https://meta.discourse.org/u/craigconstantine)
#### Post date: [29.Октябрь.2025 14:48:04 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/10 "2025-10-29T14:48:04Z")

</div>

[https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/5](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/5)

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [29.Октябрь.2025 15:00:21 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/11 "2025-10-29T15:00:21Z")

</div>

Я видел тот пост, спасибо. Я ценю, что вы поделились прямой ссылкой на ваш форум вместе со скриншотом. Я могу начать с самостоятельного изучения.

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

- У вас есть 5 основных категорий. Хотя во всех отображаются миниатюры изображений, сеточная раскладка используется только в категории «Приветствия».
- Поскольку ваше сообщество состоит из подкастеров, было естественно установить норму, согласно которой участники включают изображение своего подкаста в тему с приветствием. Это идёт им на пользу, так как они могут визуально передать суть своего подкаста прямо в списке тем, используя принцип «тысячи слов».

Приходилось ли вам предпринимать какие-то дополнительные меры, чтобы побудить людей добавлять изображения в свои посты с приветствием? Или достаточно того, что все видят: «все так делают»?

---

<div class="post-metadata">

### Author: ![craigconstantine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/craigconstantine/32/511195_2.png) [@craigconstantine](https://meta.discourse.org/u/craigconstantine)
#### Post date: [29.Октябрь.2025 15:22:03 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/12 "2025-10-29T15:22:03Z")

</div>

> [@mcwumbly](#):
>
> Вам приходилось делать что-то ещё?

Использование раздела «Приветствия» сократилось по мере угасания вовлечённости сообщества. Я занимаюсь ребрендингом сообщества, чтобы переориентировать его на бренд Podtalk ([https://podtalk.show](https://podtalk.show)), который гораздо лучше подходит для синергии между существующим шоу и сообществом. (Они действительно работают в синергии, но это не очевидно для людей.) В рамках этого я обновляю процесс адаптации новых пользователей в сообществе: от простого наличия явного призыва «Представьтесь» в теме «Добро пожаловать» до создания последовательности личных сообщений, предлагающих это. Посмотрим, что получится.

---

<div class="post-metadata">

### Author: ![jenmck](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jenmck/32/332487_2.png) [@jenmck](https://meta.discourse.org/u/jenmck)
#### Post date: [01.Декабрь.2025 23:12:11 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/13 "2025-12-01T23:12:11Z")

</div>

> [@chapoi](#):
>
> В этом и суть: оно _не_ указано, значит, оно _не_ поддерживается.

Я думаю, что моя путаница возникла из-за того, что оно не указано в разделе `Несовместимое` на странице, поэтому я не сделал вывод, что раз оно не указано ни в одном разделе, то автоматически является несовместимым, поскольку не все компоненты тем там перечислены.

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/e/b/ceb1bf5518a4ca9c4680492ccdb17ceae4c0d72c.png)

Наше сообщество также сильно выиграло бы от компонента миниатюр тем. У нас есть множество элементов дизайна, которыми мы хотим делиться с участниками, и которые являются частью нашей библиотеки ресурсов сообщества, поэтому возможность prominently отображать изображения крайне полезна и важна.

Возможно ли создать обходное решение для этого с помощью CSS?

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [02.Декабрь.2025 07:34:57 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/14 "2025-12-02T07:34:57Z")

</div>

> [@jenmck](#):
>
> Можно ли обойти это с помощью CSS?

Хотелось бы мне ответить «да», но карточки тем настолько специфичны для Horizon, что практически невозможно их дальнейшее кастомизирование.

Ваш лучший вариант — проголосовать за эту заявку на новую функцию. Чем больше голосов, тем весомее сигнал для нас, чтобы мы вложили значительные усилия в работу над этим.

---

<div class="post-metadata">

### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [10.Сентябрь.2026 22:20:04 UTC](https://meta.discourse.org/t/horizon-theme-and-topic-thumbnails-component/386764/15 "2026-09-10T22:20:04Z")

</div>

Я действительно не уверен, что это лучший способ решить задачу, и не могу гарантировать, что код будет поддерживаться в будущем, но любой, кто хочет, может **[ознакомиться с этим TC и использовать его для отображения миниатюр в Horizon](https://github.com/somos-criptonautas/discourse-horizon-topic-thumbnails)**.

Пока что он работает на нашем сайте и стабильно. Любые отзывы, улучшения и PR приветствуются.
