Записывайтесь на бесплатный онлайн-интенсив «Верстка для дизайнеров и фрилансеров» в 19:00 мск
Записаться
arrow-left
Вернуться к продуктам
Кратко о видео

В уроке разобраны CMS-коллекции в Taptop: создание структуры данных, типы страниц коллекций, динамические поля и способы вывода контента на сайт. Показано, как отделить содержимое от вёрстки и создать шаблон, который автоматически заполняется данными из коллекции.

Отдельно разобраны связи между коллекциями через Reference и Multi-Reference, а также условная видимость элементов — инструмент, который позволяет показывать или скрывать блоки в зависимости от наличия данных.

Главный принцип CMS-коллекций — один раз создаётся структура страницы, а дальше контент можно масштабировать без ручного создания одинаковых блоков. Это особенно полезно для каталогов товаров, блогов, портфолио и других проектов с большим количеством однотипных элементов.

Урок подходит тем, кто уже знаком с базовой вёрсткой в Taptop и хочет научиться создавать проекты, которые легко поддерживать и обновлять.

Как работать с CMS-коллекциями в Taptop

Сайт растёт: появляются новые товары, статьи, проекты или карточки услуг. Добавлять каждый новый элемент вручную становится долго и неудобно — но как сделать так, чтобы контент обновлялся автоматически?

С CMS-коллекциями возникает много вопросов: где хранить данные? Как связать разные типы информации между собой? Как вывести нужный контент на страницу и не создавать десятки одинаковых блоков вручную?

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

В этом уроке разбираем CMS-коллекции в Taptop — инструмент для хранения и вывода контента на масштабируемых сайтах. Ты узнаешь, как устроены коллекции, какие бывают типы страниц и как использовать их для организации данных.

Также разберём динамические поля, связи между коллекциями через Reference и Multi-Reference, а ещё настройку условной видимости элементов.

После просмотра ты поймёшь, как использовать CMS-коллекции для создания гибких сайтов с удобным управлением контентом.

Тайминги видео

00:00 — Определение CMS-коллекции

01:50 — Два типа страниц в коллекциях: индексируемая и динамическая

03:52 — Функционал условной видимости

05:22 — Поля Reference для связи между коллекциями

06:19 — Поля Multi-Reference

07:31 — Преимущество Taptop: полная свобода дизайна для страниц коллекций

08:10 — Работа с динамическими полями

09:30 — Итог: преимущества использования CMS-коллекций для масштабируемости и эффективности

Бесплатный курс из 9 уроков
За 9 уроков — от первого блока до готового сайта
Практический курс для тех, кто хочет делать сайты без кода. Узнаешь, как устроена вёрстка сайтов на практике в визуальном редакторе — без единой строчки кода.
Подробнее о курсе
Group 2087327254
🔒Taptop Design Community
3 000+ человек уже верстают в Taptop
Если есть сложности с реализацией какого‑то элемента — не останешься один на один с вопросом, участники чата и команда Taptop всегда помогут.

Внутри: материалы по визуальной вёрстке, разборы сайтов, полезные гайды и новости платформы.
Вступить в сообщество
Бесплатный курс из 9 уроков
За 9 уроков — от первого блока до готового сайта
Практический курс для тех, кто хочет делать сайты без кода. Узнаешь, как устроена вёрстка сайтов на практике в визуальном редакторе — без единой строчки кода.
Подробнее о курсе
Group 2087327254
🔒Taptop Design Community
3 000+ человек уже верстают в Taptop
Если есть сложности с реализацией какого‑то элемента — не останешься один на один с вопросом, участники чата и команда Taptop всегда помогут.

Внутри: материалы по визуальной вёрстке, разборы сайтов, полезные гайды и новости платформы.
Вступить в сообщество

Другие продукты академии