Зачем нужны коллекции в Инкоманд

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

В версии 7.4 Инкоманд стал удобнее для работы с коллекциями за счёт улучшенного клиентского интерфейса, расширенных возможностей HTML/CSS/JavaScript‑кастомизации и обновлённой механики фрагментов и шаблонов отображения, которые работают поверх общей платформы OSGi и обновлённых API. Это позволяет редакторам и методологам без участия разработчиков быстрее собирать витрины контента, согласованные с фирменным стилем, а ИТ‑подразделению — стандартизировать макеты и переиспользовать их в разных разделах портала.

Практический пример применения коллекций

Описанная в видео методика — настройка витрины новостей через виджет демонстрации коллекций и шаблоны отображения — применима не только к корпоративным новостям. Точно так же можно строить витрины для базы знаний и инструкций, ленту HR‑коммуникаций (вакансии, соцпакет, мероприятия), разделы для ИТ‑обновлений и регламентов, региональные и отраслевые подборки, а также тематические страницы для руководства и отдельных функциий бизнеса. В результате Инкоманд выступает как российская альтернатива Microsoft SharePoint и Viva, но с учётом локальной инфраструктуры и требований российских компаний.

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

Эта инструкция проведёт редактора по шагам — от удаления старого публикатора до создания карточки подробного просмотра.

Шаг 1. Подготовьте страницу новостей

1. Откройте страницу портала, на которой сейчас отображаются новости через стандартный публикатор.

2. Перейдите в режим редактирования страницы (режим дизайна/макета).

3. Найдите виджет публикатора новостей и удалите его со страницы — мы заменим его коллекцией контента.

Результат: у вас остаётся «чистая» область страницы, где будет размещена новая витрина новостей на базе коллекций.

Шаг 2. Добавьте виджет «Демонстрация коллекций»

1. В панели добавления компонентов найдите виджет, отвечающий за отображение коллекций контента (виджет «Демонстрация коллекций» или аналогичный для коллекций).

2. Перетащите виджет в нужную область страницы (основная колонка, контентная зона).

3. Откройте настройки виджета и выберите тип отображаемого контента — структуру сетевого контента «Новость» (или ту структуру, которая используется для новостей в вашем портале).

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

Шаг 3. Настройте структуру отображения коллекции

1. В настройках виджета коллекции перейдите к конфигурации шаблона отображения/структуры.

2. Выберите вариант макета «Сетка» или аналогичный (если нужен современный карточный вид, а не просто список).

3. Внутри сетки разместите элементы будущей карточки новости:

   • блок изображения (для превью);

   • заголовок новости;

   • текст анонса/краткое описание;

   • при необходимости дополнительные поля: дата, автор, раздел и т.п.

4. Сопоставьте каждый элемент с полями структуры:

   • для блока изображения выберите поле «Превью»;

   • для заголовка — поле «Заголовок»;

   • для текста — поле основного текста или краткого описания.

Результат: вы создали собственную структуру карточки новости, которая автоматически применяется ко всем элементам коллекции.

Шаг 4. Используйте фрагменты для ускорения работы

1. Включите в шаблон коллекции фрагменты (готовые блоки интерфейса: карточки, контейнеры, текстовые блоки, кнопки).

2. Разместите фрагмент карточки в сетке и сопоставьте его слоты с полями структуры новости:

   • слот изображения → поле «Превью»;

   • слот заголовка → поле «Заголовок»;

   • слот текста → поле «Текст новости» или «Анонс».

3. При необходимости добавьте во фрагмент дополнительные элементы: кнопку «Подробнее», иконку раздела, метку «Новое», теги.

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

Шаг 5. Отрегулируйте стили и фирменный облик

1. Откройте вкладку «Стили» для виджета коллекции или для фрагмента карточки.

2. Настройте внешний вид с помощью встроенных параметров:

   • шрифт и размер текста;

   • отступы между элементами;

   • рамки, фон блоков, закругления;

   • тени, выравнивание, межстрочные интервалы.

3. При необходимости добавьте собственный CSS‑код, если нужно точно повторить фирменный гайдбук компании или реализовать сложные эффекты.

4. Проверьте, как шаблон выглядит на разных разрешениях (если в портале предусмотрена адаптивная верстка).

Результат: витрина новостей выглядит как часть единого корпоративного бренда и не требует доработки со стороны фронтенд‑разработчиков.

Шаг 6. Создайте карточку подробного просмотра новости

Список новостей — это точка входа, но сотрудникам нужен удобный полноформатный просмотр материала.

1. Перейдите в модуль дизайна: раздел «Дизайн → Шаблоны страниц → Шаблоны отображения» (названия могут отличаться в зависимости от версии).

2. Создайте новый шаблон отображения и выберите структуру «Новость», чтобы система показала корректный набор полей.

3. Сформируйте макет карточки:

   • вынесите заголовок в отдельный верхний контейнер;

   • добавьте блок с превью‑изображением;

   • разместите основной текст новости;

   • при необходимости добавьте блоки для даты, автора, тегов, связанных материалов.

4. Используйте фрагменты для ускорения верстки и единой стилистики (например, готовые фрагменты заголовка, контентного блока, боковой колонки).

5. По желанию разместите на странице дополнительные виджеты:

   • мини‑публикатор с другими новостями;

   • виджет с анонсами мероприятий;

   • блок ссылок на регламенты, инструкции и др.

Результат: у каждой новости появляется удобная карточка полного просмотра, которая автоматически подхватывает данные из структуры «Новость».

Шаг 7. Включите шаблон по умолчанию и проверьте работу

1. Опубликуйте созданный шаблон отображения карточки новости.

2. Отметьте его как шаблон по умолчанию для структуры «Новость» (если в вашей конфигурации портала есть такая опция).

3. Создайте тестовую новость и убедитесь, что:

   • в списке она отображается в виде настроенной карточки коллекции;

   • при переходе в подробный просмотр используется ваш шаблон.

4. При необходимости вернитесь к настройке шаблонов и скорректируйте поля, фрагменты или стили.

Результат: новые новости автоматически получают нужный вид без дополнительных действий со стороны редакторов.

Шаг 8. Настройте параметры отбора новостей в коллекции

Чтобы коллекция была не просто «всем подряд», а работала как умный список:

1. Откройте настройки коллекции контента на странице.

2. Задайте правила выборки:

   • только определённый раздел или категории;

   • отбор по дате (например, за последние 30 дней);

   • фильтрация по тегам (например, «HR», «ИТ‑обновления», «Ростов‑на‑Дону»);

   • ограничение по количеству элементов.

3. При необходимости сохраните несколько конфигураций коллекций для разных зон портала:

   • «Главные новости»;

   • «Новости подразделения»;

   • «Обновления ИТ‑сервисов» и т.д.

Результат: одна и та же технология коллекций в Инкоманд позволяет построить несколько витрин новостей для разных аудиторий, аналогично тому, как это делается в корпоративных средах Microsoft SharePoint или Viva, но с учётом российских реалий и инфраструктуры.

Шаг 9. Используйте Инкоманд как базу для дальнейшего развития портала

После того как вы настроили витрину новостей и карточку подробного просмотра, у вас появляется базовый «шаблон цифровых коммуникаций» внутри компании. На его основе можно:

• запускать тематические разделы (HR‑новости, ИТ‑обновления, региональные новости);

• подключать бизнес‑процессы (согласование новостей через InProcess и другие решения на платформе Инкоманд);

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

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

Типичные ошибки при настройке витрины новостей и как их избежать

Ошибка 1. Коллекция показывает только заголовки, без картинок и текста

• Причина: не сопоставлены поля структуры «Новость» с элементами шаблона (фрагментами).

• Как избежать: в настройках шаблона проверьте, что

  • для блока изображения выбрано поле «Превью»;

  • для заголовка — поле «Заголовок»;

  • для текста — поле «Текст новости» или «Краткое описание».

Ошибка 2. Макет настроен, но на странице всё выглядит «по‑старому»

• Причина: изменения внесены в шаблон, но он не применён к коллекции или не сохранён.

• Как избежать:

  • после редактирования шаблона обязательно сохраните/опубликуйте его;

  • убедитесь, что коллекция использует именно этот шаблон отображения.

Ошибка 3. При открытии новости подробная карточка не подтягивает контент

• Причина: шаблон подробного просмотра создан без привязки к структуре «Новость» или поля в шаблоне не сопоставлены.

• Как избежать:

  • при создании шаблона обязательно выбирайте структуру «Новость»;

  • после выбора структуры заново сопоставьте поля (заголовок, превью, текст) с элементами шаблона.

Ошибка 4. Новые новости выглядят «не так», как старые

• Причина: создано несколько шаблонов, и нужный шаблон не выбран по умолчанию.

• Как избежать:

  • в настройках шаблонов отметьте рабочий шаблон как шаблон по умолчанию для структуры «Новость»;

  • проверьте на тестовой новости, что она автоматически получает нужный вид.

Ошибка 5. Коллекция показывает «лишние» новости или наоборот — слишком мало

• Причина: некорректно настроены параметры выборки (фильтры по разделам, тегам, датам).

• Как избежать:

  • в настройках коллекции проверьте раздел/категории, по которым идёт выборка;

  • перепроверьте фильтры по тегам и даты публикации;

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

Ошибка 6. Витрина выглядит «неровно» и не соответствует фирменному стилю

• Причина: часть карточек отрисована фрагментами, часть — «как придётся», стили менялись точечно.

• Как избежать:

  • используйте один тип фрагмента карточки для всех новостей;

  • оформляйте стили через вкладку «Стили» и/или единый CSS, а не вручную на отдельных элементах;

  • протестируйте внешний вид на нескольких типовых новостях (с длинным и коротким заголовком, с/без картинки).