Экспресс-курс по Webflow 2026 | Варианты компонентов + Основы CMS (Настройка раздела «Команда»)

Описание: В этом уроке курса Webflow Crash Course 2026 мы правильно завершим раздел «Функции» — представив одну из самых мощных функций компонентов Webflow: варианты.

Мы создадим альтернативный макет для наших элементов, не дублируя компоненты и не изменяя структуру HTML.

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

Затем мы перейдем к разделу «Команда», где представим совершенно новый элемент головоломки: Webflow CMS.

Мы создадим нашу первую коллекцию CMS (Участники команды), сгенерируем примеры элементов с помощью ИИ и свяжем поля CMS со списком коллекций на странице — используя Grid для создания чистого двухмерного макета.

---

Что вы узнаете на этом уроке

Преобразование существующего макета в компонент Webflow
Создание свойств компонента (текст + изображение)
Варианты компонентов: что это такое и как они работают на практике
Самая распространенная ошибка при использовании вариантов: структура против стиля
Создание альтернативного макета с помощью Flexbox + вариантов
Введение в Webflow CMS: коллекции, элементы, поля
Создание коллекции «Члены команды» с нуля (без шаблонов)
Генерация примеров элементов CMS с помощью ИИ
Понимание различий между «Опубликовано» и «Статус»
Создание списка коллекций и подключение полей CMS
Выбор сетки для 2D-макетов (и почему)

---

Что дальше

На следующем уроке мы правильно оформим раздел «Команда» — и пойдем еще дальше, подключив элементы CMS к экземплярам компонентов, чтобы мы могли использовать тот же подход в разных контекстах.


Итак… оставайтесь с нами 😄

📂 Полезные ресурсы:

Supasaito: https://www.supasaito.com?utm_source=...

Клонируемый проект: https://webflow.com/made-in-webflow/w...

Экспресс-курс по Webflow 2026:    • Webflow Crash Course 2026  

Шаблон Lumify для Webflow: https://webflow.com/templates/html/lu...

🔥 Если вам понравилось видео, не стесняйтесь оставлять комментарии, нажмите на кнопку Нажмите кнопку «Нравится» и подпишитесь на мой канал. 😁

Или вы можете просто нажать кнопку «Спасибо»! ♥️

---

Мой публичный профиль Webflow:
https://webflow.com/@francescocastro

Мы можем пообщаться в LinkedIn:
  / francescocastronuovo  

Или мы можем познакомиться друг с другом на X:
https://x.com/francescoflow

Или почему бы и нет? Даже в Instagram:
  / francescocastronuovo  

---

0:00 Введение в варианты компонентов Webflow
7:58 Введение в CMS Webflow: создание вашей первой коллекции CMS
19:35 Создание структуры раздела «Команда»: введение в списки коллекций и CSS Grid

#webflow #madeinwebflow #webflowtutorial #nocode