# Какие плагины или компоненты тем подходят для форума, ориентированного на фотографии?

**URL:** https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914
**Category:** Community Building
**Created:** [02.Май.2022 19:09:12 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914 "2022-05-02T19:09:12Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [02.Май.2022 19:09:12 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/1 "2022-05-02T19:09:12Z")

</div>

Привет!

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

Знаете ли вы какие-либо плагины, темы или компоненты (предпочтительно официальные), которые подошли бы для этой цели?  
Есть ли у вас ссылки на существующие форумы Discourse, где используются подобные кастомизации и контент представлен в формате «изображения в приоритете» (но текст или подписи тоже важны)?

Чтобы быть более точным, я представляю себе форум, посвящённый атмосферным оптическим явлениям, похожий на [https://www.reddit.com/r/atoptics/](https://www.reddit.com/r/atoptics/).  
Так что фотографии важны, но я также хочу, чтобы мой форум стал местом, где можно открыть для себя чудеса, о существовании которых большинство людей даже не подозревает, с помощью чётких и простых текстовых объяснений (что-то вроде «упрощённой» версии Википедии).

Место для посещения, чтобы учиться и делиться.

Я только начинаю и пока создал лишь категории. Сейчас это выглядит так:

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/1/2/9124aae499f25f99d82960c0abb66cc83bdf62f4.png)

Пока я использую только [Category Icons](https://meta.discourse.org/t/category-icons-component/104683).

---

<div class="post-metadata">

### Author: ![Decorbuz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/decorbuz/32/235124_2.png) [@Decorbuz](https://meta.discourse.org/u/Decorbuz)
#### Post date: [02.Май.2022 19:41:57 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/2 "2022-05-02T19:41:57Z")

</div>

Компонент темы «Предварительный просмотр списка тем» легко подходит под это описание.

> [@Topic List Previews (TLP)](https://meta.discourse.org/t/topic-list-previews-theme-component/209973):
>
> This is a Theme Component but has the option to add a complementary plugin. information_sourceSummary The original Topic Preview component that allows you to add images and excerpts (and more!) to the Topic List whilst being able to configure what additions appear on what list.hammer_and_wrenchRepository Link [GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists](https://github.com/merefield/discourse-tc-topic-list-previews)open_bookInstall Guide [Installing a theme or theme component](https://meta.discourse.org/t/install-a-theme-or-theme-component/63682) …

---

<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: [02.Май.2022 19:49:48 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/3 "2022-05-02T19:49:48Z")

</div>

Возможно, тоже интересно

> [@User Portfolio](https://meta.discourse.org/t/user-portfolio-theme-component/156678?u=moin):
>
> discourse2Summary User Portfolio adds a new “Portfolio” tab to the user profile. It can be configured to show the user’s topics from a specific category and/or tag. It also works great alongside the [Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-user-portfolio](https://github.com/discourse/discourse-user-portfolio)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [02.Май.2022 19:58:40 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/4 "2022-05-02T19:58:40Z")

</div>

@davidkingham ведёт сайт о фотографии с множеством возможностей настройки по адресу [https://community.naturephotographers.network](https://community.naturephotographers.network), так что это может быть полезно посмотреть.

Я думаю, что он использует [Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602) и [Featured Tiles](https://meta.discourse.org/t/featured-tiles-theme-component/156677) (и многое другое!).

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [02.Май.2022 21:48:26 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/5 "2022-05-02T21:48:26Z")

</div>

Я использую «Миниатюры списка тем», ранее также использовал «Предпросмотр списка тем». Любой из них даст вам то, что вы ищете; основное различие — во внешнем виде: у TLP чуть больше возможностей для настройки.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [02.Май.2022 23:00:30 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/6 "2022-05-02T23:00:30Z")

</div>

Огромное спасибо, это **именно** то, что я искал(а)!  
Я пробовал(а) отображение Masonry, но в итоге считаю, что такая презентация контента, предназначенного для отображения по дате (по умолчанию), запутывает.

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/6/3/963dab146691cf4be203142d62f899d968922d99.jpeg)

---

<div class="post-metadata">

### Author: ![happyshot10](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/happyshot10/32/453938_2.png) [@happyshot10](https://meta.discourse.org/u/happyshot10)
#### Post date: [08.Октябрь.2024 15:21:05 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/7 "2024-10-08T15:21:05Z")

</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: [08.Октябрь.2024 15:32:07 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/8 "2024-10-08T15:32:07Z")

</div>

> [@Welcome Link Banner](https://meta.discourse.org/t/welcome-link-banner/218743):
>
> discourse2Summary Welcome Link Banner is a simple banner that allows you to add custom text and 1-4 links.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/welcome-link-banner)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-welcome-link-banner](https://github.com/discourse/discourse-welcome-link-banner)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Settings This component comes with a variety of settings! Name De…

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [08.Октябрь.2024 15:33:13 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/9 "2024-10-08T15:33:13Z")

</div>

Если под верхней панелью вы имеете в виду это

 ![Это изображение компьютерного монитора, на котором отображается домашняя страница веб-сайта под названием «Добро пожаловать в SkyOddities!». Страница имеет чёрный фон с белым текстом и тремя иконками, представляющими услуги сайта. (Подпись сгенерирована ИИ)](https://global.discourse-cdn.com/meta/original/4X/7/6/d/76def473a97c978d83d3639d133fd927fa5fead9.jpeg)

то это компонент темы «Баннер со ссылкой приветствия»

> [@Welcome Link Banner](https://meta.discourse.org/t/welcome-link-banner/218743):
>
> discourse2Summary Welcome Link Banner is a simple banner that allows you to add custom text and 1-4 links.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/welcome-link-banner)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-welcome-link-banner](https://github.com/discourse/discourse-welcome-link-banner)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Settings This component comes with a variety of settings! Name De…

у меня на форуме работает его кастомизированная версия

Режим «Выше основного контейнера»:

 ![Изображение показывает тёмно-фиолетовый фон с белыми и светло-голубыми элементами, а также меню с иконками и текстом. (Подпись сгенерирована ИИ)](https://global.discourse-cdn.com/meta/original/4X/0/4/c/04c13b6159ab635d37ccbdd2f6c5a4fceba1ecd7.png)

Режим «Ниже заголовка сайта»:

 ![Изображение показывает красочный пользовательский интерфейс со списком вкладок, включая опции для заметок, обновлений, разработки, мета-обсуждений, git-репозиториев, релизов, почты и настроек. (Подпись сгенерирована ИИ)](https://global.discourse-cdn.com/meta/original/4X/b/b/1/bb145c61cc8a66c29656f1bf4fa3edb05b58ca68.png)

> **CSS-код для получения вышеописанного результата (не включая фоновое изображение баннера и иконки, которые задаются в самом компоненте)**
>
> ```scss
> // ссылки баннера
> 
> .above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .welcome-content, 
> .below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .welcome-content {
> display: none;
> }
> 
> .above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link, 
> .below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link {
> padding: 0em;
> }
> 
> .above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper, 
> .below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
> width: 95%;
> margin: 1.5em auto;
> background: rgba(black, .8);
> }
> 
> .above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link>div a .d-icon, 
> .below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link>div a .d-icon {
> margin-bottom: .2em;
> }
> 
> ```

---

<div class="post-metadata">

### Author: ![putty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/putty/32/370902_2.png) [@putty](https://meta.discourse.org/u/putty)
#### Post date: [08.Октябрь.2024 15:33:37 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/10 "2024-10-08T15:33:37Z")

</div>

Также стоит обратить внимание на Versatile Banner, если вам нужно что-то более сложное:

> [@Versatile Banner](https://meta.discourse.org/t/versatile-banner/109133):
>
> discourse2Summary Versatile Banner adds a customizable banner to your site.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/versatile-banner)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-versatile-banner](https://github.com/discourse/discourse-versatile-banner)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features This theme component is an evolution of previous banner efforts. The goal is to provide more ease and flexibility through the use…

---

<div class="post-metadata">

### Author: ![happyshot10](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/happyshot10/32/453938_2.png) [@happyshot10](https://meta.discourse.org/u/happyshot10)
#### Post date: [08.Октябрь.2024 17:56:09 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/11 "2024-10-08T17:56:09Z")

</div>

Ладно, спасибо вам, ребята!

---

<div class="post-metadata">

### Author: ![David\_Brewster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david_brewster/32/515920_2.png) [@David\_Brewster](https://meta.discourse.org/u/David_Brewster)
#### Post date: [04.Август.2025 06:29:06 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/12 "2025-08-04T06:29:06Z")

</div>

Привет, ты уже запустил свой форум на Discourse? Планируешь ли ты полностью перейти с Reddit?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [04.Август.2025 12:39:27 UTC](https://meta.discourse.org/t/what-are-good-plugins-or-theme-components-for-a-forum-emphasizing-pictures/225914/13 "2025-08-04T12:39:27Z")

</div>

> [@David\_Brewster](#):
>
> Вы планируете полностью перейти с Reddit?

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