Тёмный

Урок 2. Верстка шапки, настройка адаптива. / Lesson 2. Header layout, adaptive settings. 

Уроки Elementor Wordpress  / Elementor lessons
Просмотров 1,7 тыс.
50% 1

Урок 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

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 13   
@user-st4pb7xx9x
@user-st4pb7xx9x 3 месяца назад
Однозначно лайк и подписка! Очень доходчиво и понятно! Спасибо за Ваш труд!
@user-gz6ug1qs6t
@user-gz6ug1qs6t 4 месяца назад
Благодарю!
@user-wz8oy9gn6z
@user-wz8oy9gn6z 2 месяца назад
С меня лайк и подписка! Ценю Ваш труд!
@user-px6zx3xl7q
@user-px6zx3xl7q 5 месяцев назад
Человек с большой буквы!!! Столько уроков перебрал, и нигде нет этой информации, про меню и его настройке. Пожалуйста снимай видео дальше!!! Поможешь многим! Спасибо!
@dizaynproject
@dizaynproject 5 месяцев назад
Спасибо БОЛЬШОЕ. Много интересных нюансов рассказали, о которых умалчивают. лайк и подписка
@theadminders
@theadminders 8 месяцев назад
Когда речь пойдет о звонках, заявках с сайта, расскажи пожалуйста, как грамотно настраиваются цели для метрики. Через ContactForm7 или через другие плагины отправки форм
@wordpress_wizard
@wordpress_wizard 8 месяцев назад
Если сайт на элементоре, то у него свои формы. Про цели сниму видео.
@wordpress_wizard
@wordpress_wizard 8 месяцев назад
Снял видео
@theadminders
@theadminders 8 месяцев назад
По бургеру тема не раскрыта никогда и ни у кого. Как создается сам бургер, если автоматически его просто нет?
@wordpress_wizard
@wordpress_wizard 8 месяцев назад
В следующем видео покажу, как сделать своё мобильное меню и про бургер тоже.
@wordpress_wizard
@wordpress_wizard 5 месяцев назад
иконка, по клику на которую появляется popup с меню
@zerox9646
@zerox9646 6 месяцев назад
Зачем ты делаешь отрицательные отступы, надо просто сбросить (обнулить) настройки падинга у контейнера. Либо в глобальных настройках макета выставить внутренние отступы по нулям
@wordpress_wizard
@wordpress_wizard 6 месяцев назад
? не понял. где вы увидели отрицательные отступы? перед началом верстки настраиваю макет и всегда обнуляю все отступы. а при верстке уже выставляю отступы у родительского контейнера 10px, 15px или 20px в зависимости от макета, чтобы контентная часть не прилипала к краям. уточните пожалуйста, на какой минуте вам показалось, что я сделал отрицательные отступы? или вы про виджет icon? у него - да, делаю отрицательный отступ снизу, так как он там есть почему-то.
Далее
At What Height Does my Iphone Break?
01:00
Просмотров 4,8 млн
Вопрос Ребром - Toxi$
46:50
Просмотров 929 тыс.
Что-то пошло не так 😂
00:15
Просмотров 436 тыс.
At What Height Does my Iphone Break?
01:00
Просмотров 4,8 млн