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

В этом уроке курса Webflow Crash Course 2026 мы правильно завершим раздел «Функции» — представив одну из самых мощных функций компонентов Webflow: варианты. Бесплатный письменный урок → https://francescocastronuovo.com/lear... Мы создадим альтернативный макет для наших элементов, не дублируя компоненты и не изменяя структуру HTML. Вместо этого мы изучим ключевую идею вариантов: они касаются стиля, а не структуры — и мы будем использовать Flexbox для плавного переключения макета, экземпляр за экземпляром. Затем мы перейдем к разделу «Команда», где представим совершенно новый элемент головоломки: Webflow CMS. Мы создадим нашу первую коллекцию CMS (Team Members), сгенерируем примеры элементов с помощью ИИ и свяжем поля CMS со списком коллекций на странице — используя Grid для создания чистого 2D-макета. --- Что вы узнаете на этом уроке Преобразование существующего макета в компонент 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