Урок 2. Верстка шапки, настройка адаптива. / Lesson 2. Header layout, adaptive settings.
➡️ Мой Telegram: t.me/elementor_free
➡️ Здесь ничего нет: t.me/wp_pirates
➡️ Сбер: 2202200566700306
➡️ USDT: TBGYKkGR7zWTtwo1kEZrzH66rKgNMfy7MU
➡️ boosty.to/wordpress_wizard
Elementor курс для начинающих: boosty.to/wordpress_wizard/po...
00:01 Верстка шапки сайта
• В видео автор показывает, как верстать шапку сайта, используя конструктор тем в Elementor.
• Создается родительский контейнер, разделенный на два внутренних контейнера для меню и логотипа.
01:47 Настройка макета и размеров
• Устанавливаются отступы и размеры контейнеров, а также направление и распределение содержимого.
• Логотип и меню становятся по краям, а элементы выравниваются по центру.
05:32 Создание меню и настройка стилей
• Создается меню, задается имя, ориентация и подчеркивание.
• Настраиваются стили меню, цвет, горизонтальные и вертикальные отступы, расстояние между пунктами меню.
09:43 Создание и настройка виджета списка
• Создается виджет списка, добавляется иконка и текст.
• Устанавливаются размеры иконки и текста, переносы строк, стили текста и типографика.
12:24 Верстка шапки сайта
• В видео автор верстает шапку сайта, добавляя кликабельности и меняя размер шрифта.
• Задается класс для двух элементов шапки и задается размер шрифта.
13:36 Адаптивность шапки
• Автор настраивает адаптивность шапки, скрывая контейнер на планшетах и мобильных устройствах.
• Задаются проценты для ширины логотипа и меню, а также жирность меню.
16:22 Верстка шапки на мобильных устройствах
• Автор настраивает шапку на мобильных устройствах, убирая фон и меняя размер шрифта.
• Задаются стили для гамбургера и настраивается его внешний вид.
22:15 Фиксация шапки
• Автор добавляет контейнер для фиксации шапки, задавая фон и индекс.
• Задается эффект движения шапки и настраивается его работа на разных устройствах.
24:16 Завершение верстки шапки
• Автор проверяет работу шапки на разных устройствах и завершает верстку.
10 сен 2023