# Миниатюры списка тем

**URL:** https://meta.discourse.org/t/topic-list-thumbnails/150602
**Category:** Theme component
**Tags:** official, topic-list-thumbnails
**Created:** [06.Май.2020 14:15:18 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602 "2020-05-06T14:15:18Z")
**Posts on this page:** 20
**Page:** 7

<div class="post-metadata">

### Author: ![Titi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/titi/32/333006_2.png) [@Titi](https://meta.discourse.org/u/Titi)
#### Post date: [29.Октябрь.2023 01:16:56 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/302 "2023-10-29T01:16:56Z")

</div>

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

Миниатюры в режиме блога не отображаются в теме Air (discourse-air).

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/f/6/ef6360c98b552756bc7767a669a58977da4323d1.png)

Миниатюры отображаются в теме Air только при выбранном режиме списка.

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/9/9/f998c85b12091711b4efa937bce04471a159665d.png)

Когда я выбираю тему по умолчанию, миниатюры в режиме блога появляются.

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/4/4/c449b9c061ac92301e22b13f3d4232178b3b5fbf.jpeg)

1°/ Не могли бы вы объяснить, как заставить миниатюры в режиме блога работать с темой Air (discourse-air)?

2°/ Как добавить больше текста под миниатюрой, как здесь:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/3/0/0308f1eac5b875066c0f84a9c44b7cb91baeae5b.jpeg)

а не так, как здесь:

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/d/e/9def80543fb63babc352af544367fb767cc8a355.jpeg)

---

<div class="post-metadata">

### Author: ![manchestermania](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manchestermania/32/147706_2.png) [@manchestermania](https://meta.discourse.org/u/manchestermania)
#### Post date: [27.Ноябрь.2023 14:13:44 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/303 "2023-11-27T14:13:44Z")

</div>

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

1. Как отобразить все заголовки при использовании режима блога?  

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

Большое спасибо за вашу помощь.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [27.Ноябрь.2023 14:57:45 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/304 "2023-11-27T14:57:45Z")

</div>

Привет,

1. Вы можете добавить этот CSS в свою тему или в компонент:

```css
.topic-thumbnails-blog-style-grid {
  .main-link {
    .link-top-line {
      white-space: normal;
      overflow: auto;
    }
  }
}

```

1. Я не думаю, что это можно сделать «из коробки» — хотя идея классная 👍

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [10.Январь.2024 14:56:58 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/305 "2024-01-10T14:56:58Z")

</div>

Пост был разделён на новую тему: [Макет в стиле блога влияет на всплывающие подсказки](https://meta.discourse.org/t/blog-style-layout-affects-tooltips/291179)

---

<div class="post-metadata">

### Author: ![Yahia\_Kala](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/yahia_kala/32/345887_2.png) [@Yahia\_Kala](https://meta.discourse.org/u/Yahia_Kala)
#### Post date: [30.Январь.2024 20:17:29 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/306 "2024-01-30T20:17:29Z")

</div>

Ещё одна проблема с темой «Воздух» (представление списком): миниатюра не занимает всё вертикальное пространство в элементе списка:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/1/6/71675c09f89ca1519c8402f85931b71934c92c56.png)

---

<div class="post-metadata">

### Author: ![Rick\_Jing](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rick_jing/32/354677_2.png) [@Rick\_Jing](https://meta.discourse.org/u/Rick_Jing)
#### Post date: [05.Февраль.2024 12:10:11 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/307 "2024-02-05T12:10:11Z")

</div>

Обнаружена ошибка в режиме сетки

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/2/f/f2ff51503e1ac8b445e83ebafe55148da64a23fb.png)  
внутри этой темы:  
 ![image](https://global.discourse-cdn.com/meta/original/4X/0/7/3/073d9aa4817827c57feb3c7a618b9e701f0d2005.png)

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [16.Май.2024 00:23:30 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/308 "2024-05-16T00:23:30Z")

</div>

Этот ~~плагин~~ компонент темы абсолютно невероятен и изменил внешний вид нашего блога и торговой площадки.

Для опции `blog style categories` есть ли способ изменить количество тем по умолчанию с двух на 3 или 4?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [16.Май.2024 00:25:27 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/309 "2024-05-16T00:25:27Z")

</div>

Просто заметьте: это #Customization > Theme component, а не #Customization > Plugin

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [16.Май.2024 00:26:29 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/310 "2024-05-16T00:26:29Z")

</div>

Сила привычки!

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [16.Май.2024 12:18:25 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/311 "2024-05-16T12:18:25Z")

</div>

Кроме того, мне было бы интересно узнать, можно ли скорректировать изображения так, чтобы они не обрезались сверху:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/5/3/553c668de4c615613fedf4d1ecbbacbbc1182d55.jpeg)

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [11.Июнь.2024 02:54:22 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/312 "2024-06-11T02:54:22Z")

</div>

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

Или, если у темы нет изображения, должен отображаться только текст без каких-либо пробелов.

 ![Это изображение, по-видимому, является скриншотом с сайта по продаже недвижимости или аренде, показывающим детали и фотографии объектов на продажу или в аренду, включая таунхаус или виллу, а также, похоже, квартиру или арендное помещение. (Подпись сгенерирована ИИ)](https://global.discourse-cdn.com/meta/original/4X/a/b/4/ab45d3e49a55adde9ee2ca1eb4a5c9089a512c67.jpeg)

---

<div class="post-metadata">

### Author: ![King\_Dueñas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/king_due%C3%B1as/32/424778_2.png) [@King\_Dueñas](https://meta.discourse.org/u/King_Due%C3%B1as)
#### Post date: [15.Июнь.2024 07:48:48 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/313 "2024-06-15T07:48:48Z")

</div>

Меня интересует, можно ли воспроизвести видео на миниатюре, не открывая тему?

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [12.Август.2024 07:33:37 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/314 "2024-08-12T07:33:37Z")

</div>

Попробуйте переключиться на Topic Cards #Customization > Theme component

> [@Карточки тем](https://meta.discourse.org/t/topic-cards/296048):
>
> discourse2Краткое описание Topic Cards изменяют внешний вид списка тем, отображая их в виде карточек с миниатюройeyeglassesПредпросмотр [Предпросмотр в Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-cards)hammer_and_wrenchРепозиторий [https://github.com/discourse/discourse-topic-cards](https://github.com/discourse/discourse-topic-cards)open_bookНовичок в темах Discourse? [Руководство для начинающих по использованию тем Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Установить этот компонент темы information_source Этот компонент темы может вызывать конфликты с другими польз…

 ![Это изображение, по-видимому, является скриншотом мобильного устройства, на котором показан интерфейс социальной сети с публикацией, рекламирующей тестировщиков Pimaax Crystal Beta за 2023 год. (Описание создано ИИ)](https://global.discourse-cdn.com/meta/original/4X/9/1/c/91c65ecf34c32295f5c318c4de7e6ff31b47ae9c.jpeg)

Также используется Air Theme.

---

<div class="post-metadata">

### Author: ![markersocial](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/markersocial/32/170136_2.png) [@markersocial](https://meta.discourse.org/u/markersocial)
#### Post date: [20.Август.2024 03:57:03 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/315 "2024-08-20T03:57:03Z")

</div>

**Обновление:** Похоже, что проблема вызвана минификацией Cloudflare (HTML, CSS, JS). Отключение этой функции и очистка кэша решили эти проблемы.

> [@Resolving "SyntaxError: Unexpected identifier #..." caused by Cloudflare Auto Minify](https://meta.discourse.org/t/resolving-syntaxerror-unexpected-identifier-caused-by-cloudflare-auto-minify/311390):
>
> Cloudflare’s [‘Auto Minify’](https://developers.cloudflare.com/speed/optimization/content/auto-minify/) feature will break recent versions of Discourse. In the browser console, you will see an error like: Uncaught SyntaxError: Unexpected identifier '#...' Cloudflare are aware of the issue, and have added this message to their dashboard: Note: Please note that this feature may not be fully compatible with certain newer CSS and JS language features, which could potentially affect the functionality of the site Unfortunately, despite this critical issue, the feature wi…

// Оригинальный пост:

Привет, @david @Discourse

Хочу предупредить, что **режим миниатюр по умолчанию** больше не работает в стабильной версии Discourse 3.3.0.

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

До обновления с версии 3.2.x до 3.3.0 всё работало как ожидалось. Проблема наблюдается на нескольких экземплярах.

---

<div class="post-metadata">

### Author: ![STORMS](https://avatars.discourse-cdn.com/v4/letter/s/6de8d8/32.png) [@STORMS](https://meta.discourse.org/u/STORMS)
#### Post date: [21.Август.2024 00:36:21 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/316 "2024-08-21T00:36:21Z")

</div>

Только заметил это… Надеюсь, это исправят как можно скорее. Это fantastic дополнение.

---

<div class="post-metadata">

### Author: ![Rick\_Jing](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rick_jing/32/354677_2.png) [@Rick\_Jing](https://meta.discourse.org/u/Rick_Jing)
#### Post date: [23.Август.2024 16:36:22 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/317 "2024-08-23T16:36:22Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [23.Август.2024 16:42:40 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/318 "2024-08-23T16:42:40Z")

</div>

> [@Rick Jing](#):
>
> можно выбрать миниатюру обложки, даже если это не первое изображение

Это возможно 🎉

> [@Discourse](#):
>
> По умолчанию Discourse использует первое изображение в первом сообщении темы. Если вы хотите выбрать другое изображение из первого сообщения, добавьте `|thumbnail` к разметке Markdown. Например:
> 
> ```plaintext
> ![alttext|100x100](upload://aaa)
> ![alttext|100x100|thumbnail](upload://bbb) <> это изображение будет миниатюрой
> 
> ```

Кажется, решение для скрытия изображения в сообщении было предложено здесь:

> [@Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails/150602/171?u=moin):
>
> Maybe you could use [Generic bbcode wrapper for theme components](https://meta.discourse.org/t/generic-bbcode-wrapper-for-theme-components/123516) to do something like [wrap=hidden] ![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg) [/wrap] Then some CSS like div[data-wrap="hidden"]{ display: none; }

---

<div class="post-metadata">

### Author: ![Rick\_Jing](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rick_jing/32/354677_2.png) [@Rick\_Jing](https://meta.discourse.org/u/Rick_Jing)
#### Post date: [23.Август.2024 17:43:03 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/319 "2024-08-23T17:43:03Z")

</div>

Я попробовал, и это работает. Обёртка bbcode — именно то, что мне нужно. Большое спасибо!

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [15.Сентябрь.2024 13:30:44 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/320 "2024-09-15T13:30:44Z")

</div>

Кто-нибудь смог отобразить миниатюру в связке с плагином [WP Discourse](https://github.com/discourse/wp-discourse) для WordPress? Поскольку любые изображения, включая изображения-обложки, отображаются через тег `img` в первом посте, импортированном из WordPress, их нельзя использовать в качестве миниатюры.

Есть ли какое-либо решение этой проблемы? Поскольку мы часто обновляем посты в WordPress, мы хотели бы найти здесь какое-то решение.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [20.Сентябрь.2024 19:03:35 UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/321 "2024-09-20T19:03:35Z")

</div>

Не уверен, что это сработает. Но, возможно, этот компонент темы #Customization > Theme component может сработать в качестве альтернативы.

> [@Карточки тем](https://meta.discourse.org/t/topic-cards/296048?u=heliosurge):
>
> discourse2Краткое описание Topic Cards изменяют внешний вид списка тем, отображая их в виде карточек с миниатюройeyeglassesПредпросмотр [Предпросмотр в Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-cards)hammer_and_wrenchРепозиторий [https://github.com/discourse/discourse-topic-cards](https://github.com/discourse/discourse-topic-cards)open_bookНовичок в темах Discourse? [Руководство для начинающих по использованию тем Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Установить этот компонент темы information_source Этот компонент темы может вызывать конфликты с другими польз…

[Предыдущая страница](https://meta.discourse.org/t/topic-list-thumbnails/150602.md?page=6)

[Следующая страница](https://meta.discourse.org/t/topic-list-thumbnails/150602.md?page=8)
