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

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 48

  • @web-jump
    @web-jump  Год назад +3

    ✅ 🎁 Демо-доступ на Марафон 🚀 (бесплатно во ВКонтакте): vk.cc/clXymc
    _
    Web Jump Марафоны по созданию сайтов 🚀:
    Хочешь научиться делать сайты без кода, без платных инструментов и сервисов всего за 3 дня с полного нуля (если нужно побольше времени - без проблем 🤓)?
    Тогда я приглашаю тебя на 3-х дневный Марафон по созданию продающих сайтов.
    📋 Формат:
    1) 3-5 дней практики: видео-уроки и домашние задания → если не успеваем то продолжаем до победы;
    2) Индивидуальное обучение с каждым учеником → видео-разборы дз от меня лично каждому;
    3) Набор идет постоянно → начни в любое время;
    4) Доступ к урокам навсегда → возвращайся и пересматривай;
    🎁 БОНУСЫ участникам:
    ► Бесплатные домен и хостинг для создания своих сайтов
    ► Бесплатный доступ к закрытым урокам по веб-дизайну из основного курса (web-jump.ru)
    Подробности и запись тут: marafon.web-jump.ru

  • @ivansharendo6143
    @ivansharendo6143 Год назад +1

    Благодаря за вдохновение!)
    Не перестаю удивляться возможностям элементора, даже если на 100% знаешь весь интерфейс, всё равно всё зависит от того, насколько хватит фантазии его использовать...

    • @web-jump
      @web-jump  Год назад

      Спасибо за коммент)) Да, вы правы - поле для фантазии велико)))

  • @АлинаМильковская-к2ц

    Спасибо большое за видео❤
    Я как новичок хотела бы спросить, что делать после вёрстки для создания полноценного, работающего сайта в интернете? Какой этап следует дальше? Было бы круто, если бы вы сняли видео о создании сайта с нуля до полного запуска)
    Спасибо, смотрю только ваши видео

    • @web-jump
      @web-jump  Год назад

      Спасибо)) да у меня уже есть подобное видео)) после верстки нужно внедрять разные инструменты (чаты, квизы, формы захватчики и лидов и тд), далее базовое СЕО, ускорение и оптимизация, защита от спама)) трафик - реклама и таргет. Если сайт нужно кинуть в портфолио, то упаковать (презентация для биханса или видео-презентация - я делаю видео-презы + описание проекта). Этапов много)) можете на сайте школы web-jump.ru почитать программу курса - вот там как раз все этапы по сути и расписаны последовательно

    • @АлинаМильковская-к2ц
      @АлинаМильковская-к2ц Год назад +1

      @@web-jump спасибо большое) я увидела, что есть 3х дневный марафон, с помощью него можно можно же научиться создавать сайты полноценно или там больше акцент на дизайн? Или же лучше сразу приобрести полноценный курс, а не марафон я не знаю ахахах

    • @web-jump
      @web-jump  Год назад +1

      @@АлинаМильковская-к2ц лучше марафон)) 3 дня это условно - сколько вам потребуется, столько и будем учиться)) сразу курс - будет очень много информации разом, а марафон - это последовательное освоение всей обширной темы создания сайтов и заработка на этом)) там упор не только на дизайн - будет создан сайт)) заодно сможете понять формат моей школы и моего подхода к обучению))

    • @АлинаМильковская-к2ц
      @АлинаМильковская-к2ц Год назад +1

      @@web-jump спасибо))

    • @web-jump
      @web-jump  Год назад

      @@АлинаМильковская-к2ц ☺

  • @Ksantaaa
    @Ksantaaa Год назад +1

    Спасибо за обучение. Ты пользуешься другими Билдерами? Брикс или оксиджен?

  • @sakenabdikarimov5588
    @sakenabdikarimov5588 Год назад +1

    здравствуйте. подскажите пож на 14:23 что за элемент Navigation Menu с пометкой HFB? чтото не нашел у себя. есть меню навигации с логотипом самого Вордпресс

    • @web-jump
      @web-jump  11 месяцев назад +1

      Это плагин Header Footer Builder

    • @sakenabdikarimov5588
      @sakenabdikarimov5588 11 месяцев назад +1

      @@web-jump спасибо большое! а то пришлось уже ломаный элементор искать)

    • @web-jump
      @web-jump  11 месяцев назад

      ☺☺☺☺@@sakenabdikarimov5588

  • @MitroFanWhite
    @MitroFanWhite Год назад +2

    Появился вопрос: если ставим ElementPack, то нужно ли на сайт ставить Elementor Pro или же аналогичные адоные есть в Elementpack. но с более расширенным функционалом?
    Я спрашиваю в плане того, чтобы уменьшить количество "ненужного кода". Пробовал делать страницу на такой связке и понял, что почти всегда лучше брать адоны Elementpack, чем Элементор Pro, так как функционал шире. Возможно, я не во всём разобрался.
    Подскажите ваше мнение и желательно по опыту!
    Также вопрос по оптимизации скорости сайта на Elementor - какой плагин по вашему мнению лучше всего на сегодня?

    • @web-jump
      @web-jump  Год назад +1

      Ответ 1: я не использую НИКАКИЕ платные плагины и инструменты. Такова моя концепция и концепция школы. Зачем платить за то, что можно получить бесплатно - просто парой плагинов.
      Ответ 2: Я использую целую связку плагинов (более 3х) и тонкие настройки. Также пробовал СЕРФИНИТ - неплохо даже на бесплатном тарифе. Еще кое-что - вы никогда не получите 100% при замере скорости.

    • @MitroFanWhite
      @MitroFanWhite Год назад +2

      Спасибо за ваши видео - они вдохновляют.

    • @web-jump
      @web-jump  Год назад

      @@MitroFanWhite спасибо 😍

  • @NataNovosib
    @NataNovosib Год назад +2

    так-то всё красиво и просто... только вот проблема - эту вёрстку практически не возможно сделать адаптированной под все расширения экранов, скажем, на ширине экрана 1920 все элементы разъедутся куда попало

    • @web-jump
      @web-jump  Год назад

      да) я говорю об этом в начале)) Вот пример instarding-club.com/ (делал ученик) и мы концепцию подогнали под разные экраны)) очень классно получилось (адаптивность еще не настраивал - он учиться еще)

    • @Masterilio-x
      @Masterilio-x 7 месяцев назад

      ​@@web-jumpтак а как это правильно решается конкретно на примере в видео? Может нужно другие единицы измерения использовать? Проценты или ем?
      Или под каждый тип экрана в ручную подгонять пикселями как в видео?

  • @arkenetrix
    @arkenetrix Год назад +2

    У меня вопрос по тексту который с боку баннера. Зачем писать для этого "код", хоть он даже и маленький, но ведь можно сделать проще, там в настройках выбираешь "Фиксированное" и в разделе "Трансформация" выберешь "повернуть на 90°".
    Или есть в чём то разница?

    • @web-jump
      @web-jump  Год назад

      Разница в том, что я забыл про это 🤓🙈 Вы правы - проще как вы сказали делать. 😄

    • @arkenetrix
      @arkenetrix Год назад +3

      @@web-jump Бывает 😂😂
      А так видео как обычно бомбовое и интересное, особенно полезно будет новичкам.

    • @web-jump
      @web-jump  Год назад

      @@arkenetrix Спасибо вам 😀

  • @NazarKushnir-d1r
    @NazarKushnir-d1r Год назад +1

    Подскажите пожалуйста, меня проблемы, я не могу настроить версию сайта для планшетов, просто не работают все функции связанные с корректировкой ширины колонок и контейнеров в Elementor, но только при настройке версии для планшета, плагин наверняка не исправен ли, что мне делать ?

    • @web-jump
      @web-jump  Год назад

      плагин не может быть неисправен - он же официальный.

    • @web-jump
      @web-jump  Год назад

      создайте поддомен (или другой домен, или бесплатный домен) - сделайте на нем тестовую страницу тестового сайта (т.. все базовые настройки вордпреса заново + плагины основные) - и смотрите будет ли повторяться данная ситуация на новом "сайте" (я думаю не будет)

    • @NazarKushnir-d1r
      @NazarKushnir-d1r Год назад

      @@web-jump Спасибо, уже решыл проблему, поднял лимит памяти на php в настройках хостинга

    • @web-jump
      @web-jump  Год назад

      ааа)) ну да memory_limit)) я это прям сразу делаю. Ставлю 1024мб))) но у меня если честно по другому проявлялось, если не хватало памяти

  • @d3natr11y
    @d3natr11y 2 месяца назад +1

    А возможно ли все это провернуть с многостраничным сайтом?

    • @web-jump
      @web-jump  2 месяца назад

      конечно. если вы можете сделать одну страницу.ю то что мешает сделать 20 таких же?

  • @АстралВечен
    @АстралВечен Год назад +1

    капну активности )

  • @Sergey-u9p
    @Sergey-u9p 10 месяцев назад

    Приветствие. Подскажите пожалуйста, если мне необходима (как и всем в принципе) мобильная версия и я так решил ее делать - делю всю страницу на две части и в условно в верхней части размещаю все блоки и весь контент для десктопа и планшета (выставляю в настройках адаптивности), а мобильную версию - во второй нижней части страницы выставив тоже соответствующие настройки адаптивности. И таким образом, верхняя часть отображается для десктопа, а нижняя для мобайл. Так можно делать? Я пробовал классически в элементоре проводить адаптацию, но мне не нравится корректность отображения. Такой способ практикуется, как я указал? Можно так делать? Спасибо.

    • @web-jump
      @web-jump  10 месяцев назад

      я делаю не так. я подгоняю весь контент под каждый экран (телефон, планшет) - т.е. один и тот же контент меняет свои параметры (расположение, отступы, размер и тд) в зависимости от экрана. Это позволяет не дублировать один и тот же контент, что хорошо для СЕО

  • @XSelent-qj6qz
    @XSelent-qj6qz Год назад

    Какую версию Elementor на сегодняшний день используете для проектов?

    • @web-jump
      @web-jump  Год назад

      3.14.1. А какая разница, если он постоянно обновляется и версия будет повышаться?

  • @silverpro7199
    @silverpro7199 Год назад +1

    а фигма может это сделать?

    • @web-jump
      @web-jump  Год назад

      что именно должна делать фигма?) фигма для создания дизайнов)

    • @silverpro7199
      @silverpro7199 Год назад +1

      @@web-jump в тильде точнее, не знаю почему фигму написал)

    • @silverpro7199
      @silverpro7199 Год назад +1

      В тильде можно сделать всë то же самое что в элементоре? Или лучше в элементоре работать?

    • @web-jump
      @web-jump  Год назад

      @@silverpro7199 😄

    • @web-jump
      @web-jump  Год назад

      @@silverpro7199 можно в тильде - только зачем она вам? ограниченный платный инструмент. Лучше в элементоре))

  • @russke9749
    @russke9749 Год назад +1

    И что, прям адаптивная верстка выходит?

    • @web-jump
      @web-jump  Год назад

      я в начале сказал об этом.