Каталог карточек помогает выбрать статью или проект по названию, краткому описанию и обложке. В Tilda для обычных страниц предусмотрена категория «Список страниц». Карточки берут данные из настроек выбранных страниц, поэтому редактору важно знать, где исправлять содержание.
Подготовьте три учебные страницы
Представим вымышленную подборку инструкций: «Подключить домен», «Настроить форму», «Проверить мобильную версию». У каждой страницы задайте точное название, короткое описание задачи, публичный адрес и обложку. Описание сообщает, что читатель сделает, а не повторяет название с добавлением слова «полезный».
Оформляйте обложки в одном визуальном стиле, но различайте темы. Проверьте, что важная надпись и знак бренда сохраняются в кадрировании карточки. Для каталога статей из «Потоков» используются настройки самого потока и его блока; инструкция ниже посвящена обычным страницам проекта.
Добавьте список
- На странице подборки откройте библиотеку → «Список страниц» и выберите подходящий блок.
- В «Контенте» отметьте галочками подготовленные страницы и сохраните.
- Выберите открытие в текущем окне, если нет отдельной причины создавать новую вкладку для каждого материала.
- В «Настройках» задайте число карточек в ряду, высоту изображений и типографику.
- Опубликуйте страницы материалов и саму подборку, затем откройте каталог на рабочем домене.
Порядок карточек зависит от расположения страниц в проекте. Для управляемого порядка можно использовать поле «Номер очередности в списке страниц» в настройках страницы → «Дополнительно». Этот механизм описан в официальной инструкции.
Меняйте содержание в источнике
Если заголовок карточки устарел, откройте настройки соответствующей страницы. Измените название или описание там. Обложку заменяют на вкладке «Бейджик». После сохранения и публикации проверьте карточку в списке: не нужно вручную повторять новые данные в нескольких подборках, использующих ту же страницу.
Если вместо страницы карточка должна вести на внешний ресурс, Tilda предусматривает отдельное поле специальной ссылки в «Дополнительно». Используйте его осознанно: подпись должна объяснять внешнее назначение. Не создавайте невидимые пустые страницы только для увеличения числа материалов.
Проверьте выбор и мобильную сетку
На опубликованной подборке сравните подпись каждой карточки с открывающимся материалом. Убедитесь, что порядок помогает выбору, а не случайно перемешивает вводные и сложные инструкции. Если есть «Показать ещё», проверьте загрузку оставшихся элементов.
На телефоне оцените обрезку изображения, длину названия и расстояние между карточками. Не уменьшайте шрифт до нечитаемого ради одинаковой высоты: лучше сократить описание или выбрать подходящую компоновку. С клавиатуры проверьте доступ к переходам и видимость текущего фокуса.
- Карточка отсутствует: проверьте выбор страницы в «Контенте».
- Описание неверное: проверьте настройки исходной страницы.
- Порядок неожиданен: проверьте список проекта и номера очередности.
- Обложка обрезала тему: измените композицию исходного изображения или высоту карточки.
Связанные задачи — обложка статьи и выбор связанных материалов. Для самостоятельного обучения изучите актуальные программы и условия в разделе курсов Perkova&Perkova.