Контент сайта

Только для Admin и Content Editor

Эту страницу читают администраторы и редакторы контента (Content Editor). У роли Менеджер проектов read-доступ к большинству этих коллекций есть, но коллекция Сотрудники скрыта из бокового меню — потому что это публичный витринный контент студии, не связанный с проектами клиентов. Если вы менеджер и просто проходите мимо — это нормально, ничего из этого вам редактировать не нужно.

Эти разделы Directus — «витрина» студии. Их видят клиенты в приложении на экранах «Dimetra» (11), «О компании» (28), «Как мы работаем» (23), «Новости» (24), «Контакты» (13) и «Сотрудники» (07). Редактируют их Content Editor’ы и администраторы.

Что вы можете редактировать

Раздел в Directus	Коллекция	Singleton?	Где видит клиент
Блог	blog_posts	нет, список постов	Экран 24 «Новости»
Сотрудники	employees	нет, список людей	Экран 07 «Сотрудники»
О компании	company_info	да, одна запись	Экран 28 «О компании»
Как мы работаем	how_we_work + how_we_work_steps	singleton + список шагов	Экран 23 «Как мы работаем»
Контакты	company_contacts	да, одна запись	Экран 13 «Контакты»

Порядок ниже идёт от самого частого (блог) к самому редкому (контакты).

Блог

Каждая запись в коллекции Блог — отдельный пост, который появляется в ленте «Новости» в мобильном приложении. Читает только status = published.

Поля

Поле	Обязательное	Как заполнять
Заголовок (title)	да	40–70 символов, без точки в конце
Slug	да	часть URL, только латиница, цифры и дефисы (obnovlenie-prilozheniya-dimetra)
Содержимое (content)	да	richtext (HTML): абзацы, списки, подзаголовки
Обложка (featured_image_id)	нет, но желательно	одно изображение из Библиотеки Файлов
Статус (status)	да	draft — невидимо клиенту; published — видимо
Дата публикации (published_at)	да при published	дата/время — сортировка в ленте идёт по ней (новое сверху)

Как опубликовать пост

1. Откройте Контент → Блог → +
2. Заполните «Заголовок» — он же будет крупной строкой в мобилке
3. Укажите «Slug» — например, kejs-trioshka-yugovostok
4. В «Обложку» загрузите фото 3:2 (рекомендуется 1600×1066) — оно показывается сверху карточки
5. Напишите «Содержимое» в редакторе
6. Переведите «Статус» в published
7. Укажите «Дата публикации» — дата, с которой пост считается опубликованным
8. Сохраните (✓)

Slug нельзя менять после публикации

Slug — часть URL поста. Если его поменять после того, как пост был опубликован, старые ссылки на пост перестанут работать. Если нужно изменить — переведите пост в draft, смените slug, опубликуйте снова.

Черновики

Поставьте status = draft, чтобы сохранить пост, но не показывать клиентам. Черновики не видны публично даже по прямой ссылке.

Сотрудники

Коллекция Сотрудники — команда студии на экране 07. Список сортируется по полю order; внутри «актив/архив» отображаются только status = active.

Поля

Поле	Обязательное	Как заполнять
ФИО (full_name)	да	«Дана Серикова», полная форма
Должность (role)	да	«Руководитель студии», «Старший дизайнер», «Главный прораб»
Биография (bio)	нет	1–3 предложения; опыт, стажировки, специализация
Фото (photo_id)	желательно	портрет в квадрате (1:1), минимум 600×600
Порядок (order)	да	меньше — выше в списке; рекомендуется шаг 10 (10, 20, 30…) чтобы удобно было вставлять новых
Статус (status)	да	active — виден в приложении; archived — скрыт

Как добавить сотрудника

1. Контент → Сотрудники → +
2. Заполните «ФИО», «Должность», «Биография»
3. Загрузите «Фото» — квадратный портрет
4. Поставьте «Порядок» (например, 25, если вставляете между людьми с order 20 и 30)
5. «Статус» → active
6. Сохраните (✓)

Когда сотрудник уходит

Не удаляйте запись — поставьте status = archived. Клиент перестанет видеть её в приложении, но история (например, привязка к старым проектам, если появится) сохранится.

Порядок с шагом 10

Если изначально ставить order значениями 10, 20, 30…, то вставить нового сотрудника между двумя существующими можно, просто задав промежуточное число (15, 25). Не нужно переписывать order у всех подряд.

О компании

Singleton О компании — один абзац + галерея фото. Показывается на экране 28.

Поля

Поле	Как заполнять
Описание (description)	richtext: 2–5 абзацев о студии, что делаете, сколько лет, команда, регион
Галерея (images)	несколько фото (офис, объекты, команда за работой), подгружаются из Библиотеки Файлов

Как обновить

1. Контент → О компании (одна запись, кнопки + нет — сразу форма)
2. Отредактируйте «Описание» в richtext-редакторе
3. В «Галерее» нажмите «Добавить» и выберите файлы — либо загрузите новые, либо выберите уже загруженные
4. Порядок в галерее задаётся перетаскиванием карточек
5. Сохраните (✓)

Галерея тянется в мобилке по M2M-связи

Фото берутся из junction-коллекции company_info_files. Если вы удаляете фото из галереи — клиент перестаёт его видеть, но сам файл остаётся в Библиотеке Файлов (его не удаляет).

Как мы работаем

Singleton Как мы работаем содержит O2M-список шагов процесса. Клиент видит их на экране 23 как пронумерованный список с описаниями.

Структура

Как мы работаем (1 запись)
  └─ Шаги (несколько записей в коллекции how_we_work_steps)
       ├─ Встреча и замер   (order=1)
       ├─ Дизайн-проект     (order=2)
       ├─ Смета и договор   (order=3)
       ├─ Ремонт            (order=4)
       └─ Сдача и гарантия  (order=5)

Поля шага

Поле	Как заполнять
Заголовок (title)	короткое имя этапа, 2–4 слова
Описание (description)	1–3 предложения, простым языком, без штампов
Изображение (image_id)	опционально, одно фото или иллюстрация
Порядок (order)	1, 2, 3… по хронологии процесса

Как добавить или отредактировать шаг

1. Контент → Как мы работаем (одна запись)
2. Внутри — блок «Шаги» с кнопкой «Создать»
3. Заполните поля нового шага или отредактируйте существующий
4. Сохраните (✓)

Шаги можно менять местами

Если нужно поменять порядок — правьте поле order у шагов. Приложение сортирует по нему автоматически.

Контакты

Singleton Контакты — контактная информация студии на экране 13.

Поля

Поле	Пример	Примечание
Телефон (phone)	+7 7212 50-50-50	международный формат; клик в мобилке открывает набор
Email (email)	hello@dimetra.kz	клик открывает почтовое приложение
Адрес (address)	г. Караганда, пр. Бухар-Жырау, 49, офис 312	клик открывает карту
Telegram (telegram)	dimetra_studio	без @; клик открывает Telegram (приложение добавит @ автоматически)
Instagram (instagram)	dimetra.kz	без @; клик открывает Instagram
Сайт (website)	https://dimetra.kz	полный URL со https://

Эти данные публичные

Контакты видят все клиенты мобилки и посетители будущего сайта (роль Public читает эту коллекцию). Не указывайте здесь личные телефоны сотрудников.

Как обновить

1. Контент → Контакты (одна запись)
2. Измените нужные поля
3. Сохраните (✓)

Изменения клиенты увидят при следующем обновлении приложения (обычно в течение нескольких секунд).

Куда это видно

Экран приложения	Источник данных
07 — Сотрудники	employees (где status = active), сортировка по order
13 — Контакты	company_contacts
23 — Как мы работаем	how_we_work + how_we_work_steps, сортировка по order
24 — Новости	blog_posts (где status = published), сортировка по -published_at
28 — О компании	company_info с галереей

Если вы редактируете запись, а в приложении изменения не появляются в течение минуты — проверьте статус (published/active) и что редактируете нужный проект / singleton. Если всё верно — свяжитесь с администратором.

---

Public Content folder

Все картинки, которые должны быть видны в мобильном приложении (обложки блога, фото сотрудников, шаги «Как мы работаем», галерея «О компании») — загружаются в папку Public Content в файловой библиотеке (Настройки → Файлы → Public Content).

Почему это важно: Роль Public (анонимный доступ) читает файлы только из этой папки. Файлы в других папках (договора проектов, чеки, личные фото с объектов) — недоступны анонимно. Это предотвращает утечку приватных данных через прямые ссылки /assets/{uuid}.

Как загрузить:

1. Откройте Библиотеку Файлов (иконка папки в левом sidebar)
2. Зайдите внутрь папки Public Content
3. Drag-n-drop файла в окно — или кнопка «Загрузить»
4. Если файл уже был загружен в корень — откройте карточку файла и в поле «Папка» выберите Public Content

Файлы в корне файловой библиотеки НЕ видны клиентам

Если вы загружаете картинку куда-то кроме Public Content — клиент увидит серый placeholder (сервер ответит 403 на запрос файла). Всегда проверяйте, что поле «Папка» установлено в Public Content.

---

Storage Asset Presets (автоматические размеры картинок)

DIMETRA использует 5 предустановленных размеров для всех картинок контента и фото объекта. Приложение запрашивает нужный размер через параметр ?key=<preset> — Directus отдаёт сжатый webp нужного размера, оригинал не трогается.

Preset	Размер	Fit	Качество	Формат	Где используется
blog-thumb	ширина 400px	cover	80	webp	Миниатюры новостей, фото сотрудников, thumb-галереи
blog-medium	ширина 800px	inside	82	webp	Inline-картинки в тексте блога и описании «О компании»
blog-hero	ширина 1600px	inside	85	webp	Hero на детальной новости + главное фото «О компании»
photos-thumb	400×300	cover	80	webp	Миниатюры фото объекта в timeline (экран 27 мобилки)
photos-preview	800×600	inside	85	webp	Превью фото в viewer’е (когда клиент тапает на фото)

Что это значит для Content Editor:

• Загружайте картинку один раз в исходном качестве (рекомендуется 1600px по длинной стороне)
• Приложение автоматически получит нужный размер через preset — ресайз и конвертация в webp происходят на лету на сервере
• Приложение не может запросить произвольный размер (?width=10000) — это защищает сервер от перегрузки

Рекомендуемые исходные размеры для загрузки:

Тип контента	Размер	Соотношение
Обложка блога / Hero «О компании»	1600×1066	3:2
Фото сотрудника	600×600+	1:1 (квадрат)
Шаг «Как мы работаем»	800×450+	16:9
Галерея «О компании»	1600×1066	3:2

Формат: загружайте JPEG или PNG. Приложение отдаст клиенту webp автоматически.

Безопасный HTML в richtext

В richtext-редакторе полей blog_posts.content и company_info.description разрешены только безопасные теги: p, h1–h3, strong, em, u, ul, ol, li, a, blockquote, img, br. При вставке HTML из Word или другой CMS лишние теги (таблицы, iframe, скрипты) будут удалены автоматически. Это предотвращает XSS и поломку рендерера в мобильном приложении.