Тёмный

Вёрстка сайта без кода из Figma | Как создать сайт на конструкторе Elementor 

Web Jump | Покажу как создать сайт
Просмотров 4,3 тыс.
50% 1

✅ 🎁 Попробуй Марафон бесплатно 🚀 (во ВКонтакте): vk.cc/clXymc
🐱 Поддержать канал и автора: www.donationalerts.com/r/web_...
____
И снова уроки по созданию сайтов.
Тема: Вёрстка сайта без кода из Figma | Как создать сайт на конструкторе Elementor
CSS Код для поворота объекта: ".rotate {transform: rotate(-90deg);}" (в плагине Simple CSS)
Продолжение предыдущего ролика про веб-дизайн, и в этом выпуске я сделаю верстку того сайта, а если более точно, то будет верстка сайта из фигма в Elementor и WordPress.
Верстка сайта из figma в elementor очень простой процесс и подойдет для начинающих (простая верстка сайта), ведь при этом не используются программирование, т.е. делается верстка сайта с нуля без знания языка.
Как обычно, для верстки сайта, я использую связку: вордпресс и элементор (elementor).
Кстати, выпуск где про этот дизайн:
• Что такое веб-дизайн п...
____
👨‍🎓 Мой сайт: web-jump.ru/
👉 А тут много полезного: web.jump
🤓 Обо мне: • Андрей Динов | Основат...
____
В этом выпуске:
► верстка сайта из фигмы в wordpress
► верстка сайта из фигмы в elementor
► верстка сайта в elementor
► верстка сайта из figma в elementor
► простая верстка сайта
► верстка сайта без кода
► верстка сайта с нуля из figma для начинающих
► верстка сайта
► верстка сайта онлайн из фигмы
► верстка сайта из фигмы в вордпресс
► верстка сайта с нуля без знания языка
► верстка сайта в вордпресс
► верстка сайта в wordpress
► создание сайта на wordpress
► верстка сайта из фигмы
► верстка сайта с нуля
► верстка сайта из фигма
► верстка сайта из figma
_____
Да кстати, про Марафон Web Jump 🚀
Хочешь научиться делать сайты без кода, без платных инструментов и сервисов всего за 3 дня с полного нуля (если нужно большое времени, то продолжаем до победного ☝)?
Тогда я приглашаю тебя на Марафон по созданию продающих сайтов от моей школы Web Jump.
📋 Формат:
1) 3 дня практики: видео-уроки и домашние задания → если нужно больше времени, то продолжаем;
2) Индивидуальное обучение с каждым учеником → видео-разборы домашек каждому;
3) Набор идет постоянно → начни в любое время, когда будет удобно;
4) Доступ к урокам навсегда → возвращайся, пересматривай, создавай портфолио и зарабатывай на проектах на заказ;
🎁 БОНУСЫ участникам:
► Бесплатные домен и хостинг для создания своих сайтов
► Бесплатный доступ к закрытым урокам по веб-дизайну из основного курса (web-jump.ru)
Подробности и запись тут: clck.ru/34rvqg
#webjump #wordpress #elementor #верстка

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

 

18 мар 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@web-jump
@web-jump Год назад
✅ 🎁 Демо-доступ на Марафон 🚀 (бесплатно во ВКонтакте): vk.cc/clXymc _ Web Jump Марафоны по созданию сайтов 🚀: Хочешь научиться делать сайты без кода, без платных инструментов и сервисов всего за 3 дня с полного нуля (если нужно побольше времени - без проблем 🤓)? Тогда я приглашаю тебя на 3-х дневный Марафон по созданию продающих сайтов. 📋 Формат: 1) 3-5 дней практики: видео-уроки и домашние задания → если не успеваем то продолжаем до победы; 2) Индивидуальное обучение с каждым учеником → видео-разборы дз от меня лично каждому; 3) Набор идет постоянно → начни в любое время; 4) Доступ к урокам навсегда → возвращайся и пересматривай; 🎁 БОНУСЫ участникам: ► Бесплатные домен и хостинг для создания своих сайтов ► Бесплатный доступ к закрытым урокам по веб-дизайну из основного курса (web-jump.ru) Подробности и запись тут: marafon.web-jump.ru
@ivansharendo6143
@ivansharendo6143 Год назад
Благодаря за вдохновение!) Не перестаю удивляться возможностям элементора, даже если на 100% знаешь весь интерфейс, всё равно всё зависит от того, насколько хватит фантазии его использовать...
@web-jump
@web-jump Год назад
Спасибо за коммент)) Да, вы правы - поле для фантазии велико)))
@Ksantaaa
@Ksantaaa Год назад
Спасибо за обучение. Ты пользуешься другими Билдерами? Брикс или оксиджен?
@web-jump
@web-jump Год назад
нет
@MitroFanWhite
@MitroFanWhite Год назад
Появился вопрос: если ставим ElementPack, то нужно ли на сайт ставить Elementor Pro или же аналогичные адоные есть в Elementpack. но с более расширенным функционалом? Я спрашиваю в плане того, чтобы уменьшить количество "ненужного кода". Пробовал делать страницу на такой связке и понял, что почти всегда лучше брать адоны Elementpack, чем Элементор Pro, так как функционал шире. Возможно, я не во всём разобрался. Подскажите ваше мнение и желательно по опыту! Также вопрос по оптимизации скорости сайта на Elementor - какой плагин по вашему мнению лучше всего на сегодня?
@web-jump
@web-jump Год назад
Ответ 1: я не использую НИКАКИЕ платные плагины и инструменты. Такова моя концепция и концепция школы. Зачем платить за то, что можно получить бесплатно - просто парой плагинов. Ответ 2: Я использую целую связку плагинов (более 3х) и тонкие настройки. Также пробовал СЕРФИНИТ - неплохо даже на бесплатном тарифе. Еще кое-что - вы никогда не получите 100% при замере скорости.
@MitroFanWhite
@MitroFanWhite Год назад
Спасибо за ваши видео - они вдохновляют.
@web-jump
@web-jump Год назад
@@MitroFanWhite спасибо 😍
@sakenabdikarimov5588
@sakenabdikarimov5588 7 месяцев назад
здравствуйте. подскажите пож на 14:23 что за элемент Navigation Menu с пометкой HFB? чтото не нашел у себя. есть меню навигации с логотипом самого Вордпресс
@web-jump
@web-jump 7 месяцев назад
Это плагин Header Footer Builder
@sakenabdikarimov5588
@sakenabdikarimov5588 7 месяцев назад
@@web-jump спасибо большое! а то пришлось уже ломаный элементор искать)
@web-jump
@web-jump 7 месяцев назад
☺☺☺☺@@sakenabdikarimov5588
@NataNovosib
@NataNovosib Год назад
так-то всё красиво и просто... только вот проблема - эту вёрстку практически не возможно сделать адаптированной под все расширения экранов, скажем, на ширине экрана 1920 все элементы разъедутся куда попало
@web-jump
@web-jump Год назад
да) я говорю об этом в начале)) Вот пример instarding-club.com/ (делал ученик) и мы концепцию подогнали под разные экраны)) очень классно получилось (адаптивность еще не настраивал - он учиться еще)
@user-sp7km4vt4g
@user-sp7km4vt4g 2 месяца назад
​@@web-jumpтак а как это правильно решается конкретно на примере в видео? Может нужно другие единицы измерения использовать? Проценты или ем? Или под каждый тип экрана в ручную подгонять пикселями как в видео?
@user-oy4rx8xt4e
@user-oy4rx8xt4e Год назад
Спасибо большое за видео❤ Я как новичок хотела бы спросить, что делать после вёрстки для создания полноценного, работающего сайта в интернете? Какой этап следует дальше? Было бы круто, если бы вы сняли видео о создании сайта с нуля до полного запуска) Спасибо, смотрю только ваши видео
@web-jump
@web-jump Год назад
Спасибо)) да у меня уже есть подобное видео)) после верстки нужно внедрять разные инструменты (чаты, квизы, формы захватчики и лидов и тд), далее базовое СЕО, ускорение и оптимизация, защита от спама)) трафик - реклама и таргет. Если сайт нужно кинуть в портфолио, то упаковать (презентация для биханса или видео-презентация - я делаю видео-презы + описание проекта). Этапов много)) можете на сайте школы web-jump.ru почитать программу курса - вот там как раз все этапы по сути и расписаны последовательно
@user-oy4rx8xt4e
@user-oy4rx8xt4e Год назад
@@web-jump спасибо большое) я увидела, что есть 3х дневный марафон, с помощью него можно можно же научиться создавать сайты полноценно или там больше акцент на дизайн? Или же лучше сразу приобрести полноценный курс, а не марафон я не знаю ахахах
@web-jump
@web-jump Год назад
@@user-oy4rx8xt4e лучше марафон)) 3 дня это условно - сколько вам потребуется, столько и будем учиться)) сразу курс - будет очень много информации разом, а марафон - это последовательное освоение всей обширной темы создания сайтов и заработка на этом)) там упор не только на дизайн - будет создан сайт)) заодно сможете понять формат моей школы и моего подхода к обучению))
@user-oy4rx8xt4e
@user-oy4rx8xt4e Год назад
@@web-jump спасибо))
@web-jump
@web-jump Год назад
@@user-oy4rx8xt4e ☺
@arkenetrix
@arkenetrix Год назад
У меня вопрос по тексту который с боку баннера. Зачем писать для этого "код", хоть он даже и маленький, но ведь можно сделать проще, там в настройках выбираешь "Фиксированное" и в разделе "Трансформация" выберешь "повернуть на 90°". Или есть в чём то разница?
@web-jump
@web-jump Год назад
Разница в том, что я забыл про это 🤓🙈 Вы правы - проще как вы сказали делать. 😄
@arkenetrix
@arkenetrix Год назад
@@web-jump Бывает 😂😂 А так видео как обычно бомбовое и интересное, особенно полезно будет новичкам.
@web-jump
@web-jump Год назад
@@arkenetrix Спасибо вам 😀
@user-ot9ll3xf1m
@user-ot9ll3xf1m 5 месяцев назад
Приветствие. Подскажите пожалуйста, если мне необходима (как и всем в принципе) мобильная версия и я так решил ее делать - делю всю страницу на две части и в условно в верхней части размещаю все блоки и весь контент для десктопа и планшета (выставляю в настройках адаптивности), а мобильную версию - во второй нижней части страницы выставив тоже соответствующие настройки адаптивности. И таким образом, верхняя часть отображается для десктопа, а нижняя для мобайл. Так можно делать? Я пробовал классически в элементоре проводить адаптацию, но мне не нравится корректность отображения. Такой способ практикуется, как я указал? Можно так делать? Спасибо.
@web-jump
@web-jump 5 месяцев назад
я делаю не так. я подгоняю весь контент под каждый экран (телефон, планшет) - т.е. один и тот же контент меняет свои параметры (расположение, отступы, размер и тд) в зависимости от экрана. Это позволяет не дублировать один и тот же контент, что хорошо для СЕО
@user-km2il9ll6z
@user-km2il9ll6z Год назад
Подскажите пожалуйста, меня проблемы, я не могу настроить версию сайта для планшетов, просто не работают все функции связанные с корректировкой ширины колонок и контейнеров в Elementor, но только при настройке версии для планшета, плагин наверняка не исправен ли, что мне делать ?
@web-jump
@web-jump Год назад
плагин не может быть неисправен - он же официальный.
@web-jump
@web-jump Год назад
создайте поддомен (или другой домен, или бесплатный домен) - сделайте на нем тестовую страницу тестового сайта (т.. все базовые настройки вордпреса заново + плагины основные) - и смотрите будет ли повторяться данная ситуация на новом "сайте" (я думаю не будет)
@user-km2il9ll6z
@user-km2il9ll6z Год назад
@@web-jump Спасибо, уже решыл проблему, поднял лимит памяти на php в настройках хостинга
@web-jump
@web-jump Год назад
ааа)) ну да memory_limit)) я это прям сразу делаю. Ставлю 1024мб))) но у меня если честно по другому проявлялось, если не хватало памяти
@XSelent-qj6qz
@XSelent-qj6qz 11 месяцев назад
Какую версию Elementor на сегодняшний день используете для проектов?
@web-jump
@web-jump 11 месяцев назад
3.14.1. А какая разница, если он постоянно обновляется и версия будет повышаться?
@user-es1bm7cb8o
@user-es1bm7cb8o Год назад
капну активности )
@web-jump
@web-jump Год назад
Спасибо 🤗
@russke9749
@russke9749 Год назад
И что, прям адаптивная верстка выходит?
@web-jump
@web-jump Год назад
я в начале сказал об этом.
@silverpro7199
@silverpro7199 11 месяцев назад
а фигма может это сделать?
@web-jump
@web-jump 11 месяцев назад
что именно должна делать фигма?) фигма для создания дизайнов)
@silverpro7199
@silverpro7199 11 месяцев назад
@@web-jump в тильде точнее, не знаю почему фигму написал)
@silverpro7199
@silverpro7199 11 месяцев назад
В тильде можно сделать всë то же самое что в элементоре? Или лучше в элементоре работать?
@web-jump
@web-jump 11 месяцев назад
@@silverpro7199 😄
@web-jump
@web-jump 11 месяцев назад
@@silverpro7199 можно в тильде - только зачем она вам? ограниченный платный инструмент. Лучше в элементоре))
Далее
We Got Expelled From Scholl After This...
00:10
Просмотров 6 млн
#kikakim
00:12
Просмотров 364 тыс.
Figma Tutorial: 3D Carousel Slider (+ free files 🎁)
18:18
We Got Expelled From Scholl After This...
00:10
Просмотров 6 млн