Тёмный

Урок 7. Elementor. Делаем первый экран лендинга (сайт жилого комплекса). 

Denis Bezrodnyy
Подписаться 2,1 тыс.
Просмотров 7 тыс.
50% 1

Добро пожаловать на второй практический урок по верстке лендинга на Elementor. В этом уроке мы сделаем с вами первый экран для сайта.
⭐️ САЙТ: denisbezrodnyy.com
Первый практический урок (шапка сайта):
• Урок 6. Elementor. Cоз...
На уроке научимся работать:
✔️ со страницами wordpress
✔️ зададим изображение для секции в качестве фона
✔️ применим заголовок первого уровня - с помощью элемента "Заголовок"
✔️ разместим контактные данные с иконками социальных сетей - используя элемент "Картинка с текстом"
Приятного просмотра!
→ Мои любимые инструменты 😍:
1. Конструктор сайтов ELEMENTOR PRO:
be.elementor.com/visit/?bta=1...
2. Хостинг для сайта BEGET:
beget.com/p888791
3. Зарубежный хостинг SITEGROUND:
www.siteground.com/index.htm?...
4. Лучшие темы для WORDPRESS:
1.envato.market/6eQAOq
5. Пакет дополнений CROCOBLOCK:
crocoblock.com/?ref=1690
#Elementor #Лендинг #ПервыйЭкран

Опубликовано:

 

11 окт 2021

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@beautyloungewettingen
@beautyloungewettingen Месяц назад
Огромное спасибо за прекрасный контент.
@user-mm2xf6yj2k
@user-mm2xf6yj2k 2 года назад
Да. Мне тоже нравится подача. Спокойно размеренно без скачков
@denis-bezrodnyy
@denis-bezrodnyy 2 года назад
Спасибо!
@user-wr5eh9fr9v
@user-wr5eh9fr9v Год назад
Доступно и понятно. Судя по контактам на экране лендинга - дело происходит в Алматы.👍
@user-sx4tj6bj8m
@user-sx4tj6bj8m 2 года назад
Толковая подача материала и тема актуальная. Если у автора хватит силы духа реализовать замысел до конца, то получится годный товар. Успехов ему.
@denis-bezrodnyy
@denis-bezrodnyy 2 года назад
Спасибо!
@DiDi-el9sl
@DiDi-el9sl 10 месяцев назад
Спасибо! почему я столько мучалась, вместо того что бы сразу твой канал найти)))
@DiDi-el9sl
@DiDi-el9sl 10 месяцев назад
за прозрачный хедер отдельно спасибо)
@denis-bezrodnyy
@denis-bezrodnyy 10 месяцев назад
Пожалуйста)
@svarnoy1986
@svarnoy1986 Год назад
Приветствую! Как все доступно объясняете, искал подобные видео. Недавно решил попробовать сделать сайт, вот начал учиться. Не знаю почему но почему-то именно к этому делу тяга появилась ,хотя вообще ни как раньше небыл связан с созданием сайта
@user-vr9uv9ii3s
@user-vr9uv9ii3s 2 года назад
Дочекались нарешті!
@Anna9732
@Anna9732 2 года назад
Благодарю за отличную подачу материала. Подскажите где можно скачать макет и иллюстрации к нему.
@user-iu3pm9ld9m
@user-iu3pm9ld9m 2 года назад
Благодарю Вас за очень полезные и интересные уроки!!! Все просто супер. Подскажите пожалуйста, почему у меня картинка при выставлении отрицательных отступов накладывается поверх шапки? С чем это может быть связано?
@denis-bezrodnyy
@denis-bezrodnyy 2 года назад
Добрый день! Попробуйте для шапки выставить z-index = 10 или еще как вариант сделайте не для картинки, а для шапки отрицательный отступ.
@user-iu3pm9ld9m
@user-iu3pm9ld9m 2 года назад
@@denis-bezrodnyy Благодарю Вас! Все получилось!)))
@nadoel
@nadoel 2 года назад
А вы когда этот примерный отрицательный отступ брали в 150 пикселей чем руководствовались? Высотой шапки или на угад по желанию? Пробовали смотреть, как выглядит подобное действие на тлф или планшете по итогу, ведь из-за адаптивности эта шапка, верней фон главной страницы из-за примерных размеров сползет и будет виден отступ белый в самом вверху. Если смотреть на режиме адаптивности в элементоре, а потом глянуть с тлф например в вертикальном режиме, то будет совсем не так, как в элементоре, а начнешь двигать, то уползет весь сайт. Покажите, что у вас по другому, не надо доказывать, что все хорошо в вашем случае, просто покажите, какие могут быть ситуации, если на глаз делать эти примерные отрицательные отступы. Есть варианты еще для прозрачной шапки?
@denis-bezrodnyy
@denis-bezrodnyy 2 года назад
Добрый день! Да, высота шапки ровно 150 пикселей. По поводу белой полосы, я понимаю о чем вы говорите, проверьте нет ли например у других элементов - отрицательных отступов. В целом отрицательными отступами пользоваться можно и иногда нужно, для верстки сайтов с использованием HTML и CSS это нормальная практика. По поводу вариантов, данную шапку можно реализовать прямо внутри первой секции без использования шаблона "Header". Смотря какие задачи стоят перед Вами.
@sergii3519
@sergii3519 2 года назад
Доброго дня, можете скинути силку на макет ?
@kladana5527
@kladana5527 Год назад
подскажите, я сделала вначале сайт, потом по вашему уроку создала шапку, вроде все как вы делала, но при предпросмотре сайта я шапку не вижу... почему она не подкрепляется к сайту?
@denis-bezrodnyy
@denis-bezrodnyy Год назад
Если вы создавали шапку через конструктор темы, то при сохранении требуется задать условия отображения, например можно выбрать «На всем сайте» или на определенных страницах сайта
@kladana5527
@kladana5527 Год назад
@@denis-bezrodnyy я создавала через елементор и условие поставила для всего сайта, но ни шапка ни подвал на сайте не отображаются
@kladana5527
@kladana5527 Год назад
@@denis-bezrodnyy это может быть связано с темой? я взяла Hello для елементора (переходила на астру тоже шапка и подвал не появляются)
@denis-bezrodnyy
@denis-bezrodnyy Год назад
@@kladana5527 Astra и Hello подходят для Elementor, посмотрите на всякий случай в настройках темы, какая шапка используется от темы или от Elementor
@andreiart9160
@andreiart9160 9 месяцев назад
@@denis-bezrodnyy Тоже самое было. Надо было в настройках макет страницы выбрать - по умолчанию ( изначально стоял холст элементор)
@Psydocplay
@Psydocplay Год назад
а что делать, если после отрицательного отступа пропал хедер? он пошел под картинку((
@denis-bezrodnyy
@denis-bezrodnyy Год назад
Установите для хедера z-index в значение 100
@Psydocplay
@Psydocplay Год назад
@@denis-bezrodnyy а теперь шапка перестала отображаться, могу ли я шапку и футер в теме создать а не в элементоре? я все сделала как у вас, но ее просто нет((
@denis-bezrodnyy
@denis-bezrodnyy Год назад
@@Psydocplay Конечно, можно использовать шапку из темы. По поводу отображения, перепроверьте, должно работать
@Psydocplay
@Psydocplay Год назад
@@denis-bezrodnyy все сработало! огромное вам спасибо и процветания вашему каналу! вы очень помогаете новичкам! ❤️
@denis-bezrodnyy
@denis-bezrodnyy Год назад
Спасибо!
Далее
TILDA или WORDPRESS: что лучше?
6:58
Просмотров 8 тыс.