# Категории Столбец тегов

**URL:** <https://meta.discourse.org/t/categories-tag-column/212102>\
**Category:** Theme component\
**Tags:** official, tag-column\
**Created:** [14.Декабрь.2021 20:52:40 UTC](https://meta.discourse.org/t/categories-tag-column/212102 "2021-12-14T20:52:40Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)\
**Post date:** [14.Декабрь.2021 20:52:40 UTC](https://meta.discourse.org/t/categories-tag-column/212102/1 "2021-12-14T20:52:40Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Краткое описание** | **Categories Tag Column** добавляет столбец с тегами на страницу категорий. |
| 🛠 | **Ссылка на репозиторий** | [https://github.com/discourse/discourse-categories-tag-column](https://github.com/discourse/discourse-categories-tag-column) |
| 📖 | **Новичок в темах Discourse?** | [Руководство для начинающих по использованию тем Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Установить этот компонент темы

> [@](#):
>
> :discourse2: Поскольку это #official компонент темы, поддерживаемый командой Discourse, запросы на #Support, #Contribute > Bug, #Contribute > UX и #Contribute > Feature можно оставлять в соответствующих категориях здесь, на Meta, и отмечать соответствующим тегом компонента темы. Нажмите на ссылку ниже, чтобы создать тему. 👍
> 
> [❓&nbsp; **Поддержка**](https://meta.discourse.org/new-topic?category_id=6&tags=tag-column "Запросить поддержку по настройке и использованию Categories Tag Column") [🐛&nbsp; **Ошибка**](https://meta.discourse.org/new-topic?category_id=1&tags=tag-column "Отчёт об ошибке означает, что что-то сломано и мешает нормальному использованию компонента темы") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=tag-column "Обсуждение пользовательского интерфейса Categories Tag Column и способов представления функций (включая язык и элементы интерфейса)") [💡&nbsp; **Функция**](https://meta.discourse.org/new-topic?category_id=2&tags=tag-column "Обсуждение того, как можно улучшить существующие функции Categories Tag Column или добавить новые")

> ℹ Этот компонент работает только в том случае, если в настройках сайта `desktop category page style` выбрано значение `categories and latest topics` или `categories and top topics`.

### Возможности

 ![Screen Shot 2021-12-14 at 3.14.08 PM](https://global.discourse-cdn.com/meta/original/3X/3/a/3a922ffb10bce9e4d24679caa59d86c5712f5815.png)

### Настройки

| Имя | Описание |
| --- | --- |
| tag count | Изменить количество отображаемых по умолчанию тегов. Если отображается только часть тегов, появится кнопка «ещё». |
| categories page column count | Управляет общим количеством столбцов на странице. Обратите внимание, что если ширина браузера составляет менее 768 пикселей, весь контент будет выстроен в один столбец. |
| tag column count | Количество столбцов, используемых в разделе тегов |
| hide categories column | Включение этой опции скроет столбец категорий; это может быть полезно для сайтов, которые хотят сосредоточиться на тегах |
| categories column | Столбец, в котором отображаются категории |
| categories row | Строка, в которой отображаются категории |
| tags column | Столбец, в котором отображаются теги |
| tags row | Строка, в которой отображаются теги |
| topics column | Столбец, в котором отображаются темы |
| topics row | Строка, в которой отображаются темы |

ℹ Обратите внимание, что настройки столбцов и строк принимают значения, совместимые с [grid-column](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column) и [grid-row](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)… Например, по умолчанию значение `topics_row` равно `1 / span 2`, что означает, что темы начинаются с 1-й строки и занимают 2 строки. Как видно на скриншоте выше, столбец тем такой же высоты, как и столбцы категорий и тегов, которые занимают только одну строку.

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

 ![Screen Shot 2021-12-14 at 3.50.18 PM](https://global.discourse-cdn.com/meta/original/3X/5/5/55577d2d5febb6972b149465c0deb3c15330c188.png)

или такой:

 ![Screen Shot 2021-12-14 at 3.51.40 PM](https://global.discourse-cdn.com/meta/original/3X/4/2/42c39bda7c8ee76555761b6146a9cdf9aadd4bc5.png)

  

> :discourse2: **Размещено у нас?** Компоненты тем доступны для использования на тарифах Standard, Business и Enterprise.

---

<div class="post-metadata">

**Author:** ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)\
**Post date:** [28.Декабрь.2021 06:19:18 UTC](https://meta.discourse.org/t/categories-tag-column/212102/2 "2021-12-28T06:19:18Z")

</div>

Было бы здорово, если бы это поддерживало группы тегов!

---

<div class="post-metadata">

**Author:** ![nplanchon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nplanchon/32/249566_2.png) [@nplanchon](https://meta.discourse.org/u/nplanchon)\
**Post date:** [12.Февраль.2022 20:22:55 UTC](https://meta.discourse.org/t/categories-tag-column/212102/5 "2022-02-12T20:22:55Z")

</div>

Спасибо за создание и публикацию этого, @awesomerobot. Я немного запутался и был бы очень признателен за помощь в настройке такого же макета на нашем экземпляре. Я хочу в точности воспроизвести этот скриншот. Не могли бы вы подробно объяснить, какие значения нужно установить для каждого параметра?

 ![55577d2d5febb6972b149465c0deb3c15330c188_2_689x445](https://global.discourse-cdn.com/meta/original/3X/3/0/309eecd9a6f3cf37b65d9930d99ff05c3f34c411.png)

И ещё, @awesomerobot, как отсортировать их по имени, а не по количеству?

Также есть ли настройка, которая позволяет отображать все теги постоянно, вместо того чтобы показывать кнопку «Ещё»? @awesomerobot

 ![Screen Shot 2022-02-12 at 12.19.52 PM](https://global.discourse-cdn.com/meta/original/3X/2/b/2b4700531d05802f495526c4edd98f628fbe6664.png)

С уважением,  
Нил

---

<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:** [14.Февраль.2022 17:58:28 UTC](https://meta.discourse.org/t/categories-tag-column/212102/6 "2022-02-14T17:58:28Z")

</div>

Конечно, без проблем… по умолчанию вам нужно изменить следующие настройки:

количество столбцов тегов: `8`  
столбец тегов: `1 / span 2`  
строка тем: `2`

[quote=“nplanchon, post:5, topic:212102”]  
И есть ли настройка, которая позволяет всегда показывать все теги, вместо того чтобы была кнопка «Ещё»?[/quote]

Вы можете увеличить значение настройки `количество тегов`, например, до `999`?

[quote=“nplanchon, post:5, topic:212102”]  
И как можно отсортировать их по имени, а не по количеству?[/quote]

На данный момент такой опции нет.

---

<div class="post-metadata">

**Author:** ![nplanchon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nplanchon/32/249566_2.png) [@nplanchon](https://meta.discourse.org/u/nplanchon)\
**Post date:** [15.Февраль.2022 18:58:28 UTC](https://meta.discourse.org/t/categories-tag-column/212102/7 "2022-02-15T18:58:28Z")

</div>

Приятно услышать от вас, спасибо @awesomerobot

---

<div class="post-metadata">

**Author:** ![IT\_Director](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/it_director/32/248612_2.png) [@IT\_Director](https://meta.discourse.org/u/IT_Director)\
**Post date:** [21.Март.2022 11:37:20 UTC](https://meta.discourse.org/t/categories-tag-column/212102/8 "2022-03-21T11:37:20Z")

</div>

Привет, @awesomerobot, большое спасибо за это!

Возможно ли отображать это не только в разделе /categories, а сразу на главной странице?

Сейчас у нас это реализовано по адресу [FIC Forum](https://forum.ic.org/categories)

…но мы хотели бы разместить это на главной странице: [https://forum.ic.org/](https://forum.ic.org/), чтобы конечный результат выглядел так:

 ![Screenshot 2022-03-21 at 12.35.32](https://global.discourse-cdn.com/meta/original/3X/7/2/72b2dbacd9ccb2476c193852a9e9d5470a43de29.jpeg)

Есть ли способ это сделать?

---

<div class="post-metadata">

**Author:** ![IT\_Director](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/it_director/32/248612_2.png) [@IT\_Director](https://meta.discourse.org/u/IT_Director)\
**Post date:** [21.Март.2022 12:12:19 UTC](https://meta.discourse.org/t/categories-tag-column/212102/9 "2022-03-21T12:12:19Z")

</div>

…на самом деле, я думаю, я нашёл способ — настройки \> базовая настройка \> верхнее меню: установите первый пункт как «категории», и это заставит стартовую страницу по умолчанию отображать именно это. 😃

---

<div class="post-metadata">

**Author:** ![IT\_Director](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/it_director/32/248612_2.png) [@IT\_Director](https://meta.discourse.org/u/IT_Director)\
**Post date:** [21.Март.2022 12:32:10 UTC](https://meta.discourse.org/t/categories-tag-column/212102/10 "2022-03-21T12:32:10Z")

</div>

Это может быть баг @awesomerobot: если включены группы тегов, то подтягиваются только теги из группы «Другие теги».

Для воспроизведения:

1. Включите группы тегов
2. Добавьте теги в группу
3. Убедитесь, что видны только теги, не принадлежащие группе «Другие теги»  
 ![Screenshot 2022-03-21 at 13.33.30](https://global.discourse-cdn.com/meta/original/3X/f/c/fcfd567ac71b8d2f525483a26d31bf2db67620bf.png)  
 ![Screenshot 2022-03-21 at 13.34.08](https://global.discourse-cdn.com/meta/original/3X/6/e/6e0669793bdb895f2862ec2fb6a80b5231fb8502.jpeg)  
 ![Screenshot 2022-03-21 at 13.34.31](https://global.discourse-cdn.com/meta/original/3X/d/d/dd3bc01774f04d4effb1a367aece3f57fd0b9ffb.png)  
 ![Screenshot 2022-03-21 at 13.35.30](https://global.discourse-cdn.com/meta/original/3X/8/0/803e97f2e75452641e841eb3662d7217efc174bc.png)

---

<div class="post-metadata">

**Author:** ![nplanchon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nplanchon/32/249566_2.png) [@nplanchon](https://meta.discourse.org/u/nplanchon)\
**Post date:** [25.Март.2022 15:41:23 UTC](https://meta.discourse.org/t/categories-tag-column/212102/11 "2022-03-25T15:41:23Z")

</div>

@awesomerobot Привет, Крис. Похоже, ты мог бы помочь мне разобраться с новой аномалией. Если у тебя получится — отлично, если нет, я без проблем открою новую тему.

После нескольких дней стабильной работы компонента темы, который добавляет теги слева на странице /categories, сегодня утром все названия тегов исчезли, и теперь всё выглядит так! Я также прикрепил скриншот того, как это выглядело сразу после успешной установки компонента и настройки в нужном нам виде.

Как ты думаешь, что может вызывать такое поведение?  
Какие шаги можно предпринять для устранения проблемы?

Я знаю, что могу легко вернуть исходную страницу /categories и настроить всё заново. Но мне нужна помощь от тех, у кого больше опыта. Сначала обращаюсь за поддержкой. ☺

 ![Screen Shot 2022-03-25 at 8.26.15 AM](https://global.discourse-cdn.com/meta/original/3X/4/4/443241c78bcf67366b76682a8f4157abb10b363c.png)

С нетерпением жду твоего ответа.  
Всего наилучшего!  
Нил

 ![72b2dbacd9ccb2476c193852a9e9d5470a43de29_2_690x388](https://global.discourse-cdn.com/meta/original/3X/c/7/c723b1796a68d2557cba46d7c382237a53f19984.jpeg)

---

<div class="post-metadata">

**Author:** ![sunjam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sunjam/32/175682_2.png) [@sunjam](https://meta.discourse.org/u/sunjam)\
**Post date:** [19.Июль.2022 21:21:02 UTC](https://meta.discourse.org/t/categories-tag-column/212102/12 "2022-07-19T21:21:02Z")

</div>

Это здорово. Я бы хотел иметь возможность включать столбцы с тегами в рамках конкретных категорий, чтобы пользователи были мотивированы просматривать контент по тегам.

---

<div class="post-metadata">

**Author:** ![Chris\_Neidl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chris_neidl/32/181620_2.png) [@Chris\_Neidl](https://meta.discourse.org/u/Chris_Neidl)\
**Post date:** [17.Март.2023 12:23:01 UTC](https://meta.discourse.org/t/categories-tag-column/212102/13 "2023-03-17T12:23:01Z")

</div>

Я тоже планирую это сделать. Вы уже разобрались, как это сделать, @sunjam?

---

<div class="post-metadata">

**Author:** ![albjeremias](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/albjeremias/32/210231_2.png) [@albjeremias](https://meta.discourse.org/u/albjeremias)\
**Post date:** [20.Март.2023 15:00:21 UTC](https://meta.discourse.org/t/categories-tag-column/212102/14 "2023-03-20T15:00:21Z")

</div>

Это имеет гораздо больше смысла.
