📣 ЛЕНДИНГ ИЗ ФИГМЫ В ELEMENTOR | ВЁРСТКА САЙТА ИЗ FIGMA НА WORDPRESS

Всем привет!

В этом видео я покажу вёрстку макета средней сложности из Figma в WordPress. Меня заинтересовал этот макет в первую очередь своим блоком с услугами и слайдером, который выходит за рамки.

В блоке с услугами можно попрактиковаться с построением контейнеров, чтобы получилась правильная структура блоков.

Ну а блок со слайдером только кажется страшным. На самом деле он делается быстро, при помощи стандартного виджета карусели в Elementor и пары строк кода в CSS.

При верстке сайта из Figma в WordPress я использовал только Elementor Pro и тему Hello Elementor. Никаких дополнительных плагинов для расширения функционала или добавления новых виджетов я не использовал.

Подписывайтесь на канал, ставьте лайки и нажимайте на колокольчик, чтобы не пропустить новые видео! Ваши отзывы и комментарии помогут мне сделать контент еще лучше. Спасибо за просмотр!

Таймлайн:

00:00 — Начинаем
01:06 — Первый блок
04:01 — Второй блок (Услуги)
14:42 — Третий блок (Слайдер)
24:41 — Четвертый блок (Мини)
28:45 — Пятый блок (Цены)
39:38 — Шестой блок (FAQ)
45:49 — Седьмой блок (Форма связи)
51:45 — Восьмой блок (Футер)

⭐ Подпишись, поставь лайк и поделись этим видео, если хочешь увидеть больше!

[Вадим-пгг]

Спасибо, много css и необычный дизайн - это интересно.

[goldfix]

Хорошее видео. На меня в скором времени накинут тестовое, верстка с фигмы по тз в вп + элементор. Раньше подобным не занимался. Но с этим элементором выставлять размеры и отступы грамотно вплоть до пикселя.... как?? Или все делают +/- "на глаз"?

[Вадим-пгг]

Постоянно прихожу к вопросу в каких единицах ставить шрифты. Вроде как в rem правильно. Как и размеры контейнеров в vh, vw. Чтоб все не поехало на больших экранах.

Ты только пикселями пользуешься чаще всего в реальных проектах?

[НиколайПанкратов-ко]

4:46 как выделить так общую ширину? Я зажимаю шифт, но у меня выделяется каждая колонка, а не вся ширина выделения

[_nikkyy]

Почему бы не сделать блок с плитками через grid вместо того чтобы подгонять проценты? В elementor же завезли гриды

[НиколайПанкратов-ко]

не получается у меня большого размера центральную картинку со слайдера скачать))

[Angelochek-vo]

А не проще сверстать в том же вебфлоу?
Ну или верстка в вебфлоу, а потом конвертировать в вп?

[RowdyNinja]

Здраствуйте, а как сделать меню как в макете?

[electron_kg]

А как в элементоре сделать черную тему???