Создание сайта на wordpress - верстка сайта из figma | Wordpress и Elementor
HTML-код
- Опубликовано: 27 июл 2022
- ✅ 🎁 Попробуй Марафон бесплатно 🚀 (во ВКонтакте): vk.cc/clXymc
🐱 Поддержать канал и автора: www.donationalerts.com/r/web_...
____
И снова уроки по созданию сайтов.
Тема: Верстка сайта
Ну что ж, сегодня у нас продолжение серии роликов, и в этом выпуске я сделаю верстку сайта с нуля, а если более точно, то верстка сайта из фигма.
Верстка сайта из figma в elementor очень простой процесс и подойдет для начинающих (простая верстка сайта), ведь при этом не используются программирование, т.е. делается верстка сайта с нуля без знания языка.
Как обычно, для верстки сайта, я использую связку: вордпресс и элементор (elementor).
Кстати, выпуск где делал дизайн этого сайта в фигме:
• Рисую дизайн сайта в ф...
____
👨🎓 Мой сайт: web-jump.ru/
👉 А тут много полезного: web.jump
🤓 Обо мне: • Андрей Динов | Основат...
____
В этом выпуске:
► верстка сайта из фигмы
► верстка сайта с нуля
► верстка сайта из фигма
► верстка сайта из figma
► верстка сайта с нуля из figma для начинающих
► верстка сайта
► верстка сайта онлайн из фигмы
► верстка сайта из фигмы в вордпресс
► верстка сайта из фигмы в wordpress
► верстка сайта из фигмы в elementor
► верстка сайта в elementor
► верстка сайта из figma в elementor
► простая верстка сайта
► верстка сайта без кода
► верстка сайта с нуля без знания языка
► верстка сайта в вордпресс
► верстка сайта в wordpress
► создание сайта на wordpress
_____
Да кстати, про Марафон Web Jump 🚀
Хочешь научиться делать сайты без кода, без платных инструментов и сервисов всего за 3 дня с полного нуля (если нужно большое времени, то продолжаем до победного ☝)?
Тогда я приглашаю тебя на Марафон по созданию продающих сайтов от моей школы Web Jump.
📋 Формат:
1) 3 дня практики: видео-уроки и домашние задания → если нужно больше времени, то продолжаем;
2) Индивидуальное обучение с каждым учеником → видео-разборы домашек каждому;
3) Набор идет постоянно → начни в любое время, когда будет удобно;
4) Доступ к урокам навсегда → возвращайся, пересматривай, создавай портфолио и зарабатывай на проектах на заказ;
🎁 БОНУСЫ участникам:
► Бесплатные домен и хостинг для создания своих сайтов
► Бесплатный доступ к закрытым урокам по веб-дизайну из основного курса (web-jump.ru)
Подробности и запись тут: clck.ru/34rvqg
#webjump #wordpress #elementor #верстка
Хочешь научиться делать сайты без кода, без платных инструментов и сервисов всего за 3 дня с полного нуля?
Тогда я приглашаю тебя на 3-х дневный Марафон по созданию продающих сайтов.
📋 Формат:
1) 3 дня практики: видео-уроки и домашние задания;
2) Индивидуальное обучение с каждым учеником;
3) Набор идет постоянно → начни в любое время;
4) Доступ к урокам навсегда → возвращайся и пересматривай;
🎁 БОНУСЫ участникам:
► Бесплатные домен и хостинг для создания своих сайтов
► Бесплатный доступ к закрытым урокам по веб-дизайну из основного курса (web-jump.ru)
Подробности и запись тут: marafon.web-jump.ru
Web Jump | Покажу как создать сайт
интересно а с Webflow можно перенести?
@@Evgeniy_12 конечно можно)) а почему ваш выбор webflow? по мне так коммерческий неудобный инструмент))
@@web-jump по сравнению с тильдой ( а для себя я выбирал между двумя этими продуктами для создания лендингов) мне показался намного больше функционала, свободы у вебфлоу, тильда очень ограничивала своими рамками и уже начинала раздражать однотипностью.
@@Evgeniy_12 тильда вообще запрещена на этом канале 😆 почему не вордпресс?)) и элементор?)) все бесплатно)) любой функционал))
@@web-jump понял, о ней не слова xD Вордпресс изначально не рассматривал т.к. я не веб дизайнер/програмер )) просто имею частую необходимость быстро создать лендинг, потрфолио. А когда начали обращаться знакомы, то делал и им. Сейчас же все чаще начали спрашивать: а можно ли перенести на нормальную кмс - Вордпрес " По этому и возникли такие вопросы. Но если честно планирую в скором будущем изучить насколько легко я смогу создавать однотипные легкие проекты по типу сайт портфолио на вордпрессе и спать спокойно))
Супер видео! Спасибо за качественный контент. Продолжай в том же духе!
Благодарю!)) Стараюсь в том же духе)))
Привет. Подскажи пожалуйста, может знаешь, можно ли как-то подключить CRM-систему к лендингу сделанном на Вордпресс? И имеет ли смысл? Но вроде как смысл есть при хорошем трафике - как я понимаю. Спасиб.
Привет - СРМ система имеет смысл))) очень полезная штука, хоть и платная. Подключить проще простого. Нужно просто код СРМ системы вставить в header (на всех сервисах СРМ есть подробные инструкции -делается не сложнее чем метрику поставить). Ну или на крайний случай - тех поддержка от сервиса СРМ всегда поможет, т.к. это в их интересах (им же поом платят за использование их продукта)
достойно лайка от СЕООНЛИ
спасибо)
Привет. Подскажи пожалуйста и по такому вопросу тоже: как быть в случае с доменами и хостингом, если делать лендинг для заказчика? Есть какие-то оптимальные специальные для этого решения или покупать отдельный домен для лендинга, например, если он на короткое время? Или может видео есть по этому вопросу? Надеюсь, что я корректно вопрос задал. Спасибр.
я всегда делаю домен и хостинг под каждого заказчика отдельно - за его счет. После того, как я получаю плату за своб работу, я передаю ему все данные (логины и пароли). Если домен на короткое время, но он для заказчика - мне как исполнителю в принципе на это все равно. Или я не так понял ваш вопрос?
@@web-jump Ооо)), это мой коммент. Я с другого аккаунта печатал. Больше пользуюсь этим, тот уже закрыл, чтобы не путаться. Вопрос - да, в общем это и имел в виду. И также хочу добавить в этом контексте - я также вижу часто лендинги на каких-то непонятных урлах (какие-то корявые URL-адреса) - поэтому подумал, может лендинги загружают на практике на какие-то специальные домены (экономные)? Но ведь и поддомены можно делать в неограниченном количестве, верно? Да и корректный и эстетически-привлекательный УРЛ как-то больше доверие даже вызывает. Поэтому до сих пор непонятно для меня, чтоо это за корявые урл-адреса под лендинги часто используются?! Респект за обратный коннект. Успехов!
@@user-ot9ll3xf1m вы во всем абсолютно правы)) если корявые УРЛ, это скорей всего какие бесплатные "проекты"))) и точно не вызывают доверия. Спасибо, и вам успехов!))
А сразу в Элементоре нельзя так сделать?
уже раз 20 отвечал на этот вопрос. Гляньте вот эт ruclips.net/video/_j9QH8LQRO8/видео.html
А его можно сохранить как шаблон?
можно))
На какой теме у вас верстается сайт?
Astra
Друг, сними подробное видео про адаптив на Elementor, пожалуйста
Подробно я это снял для большого обучающего Курса) будет не честно по отношению к ученикам, если я все тонкости и подробности платной программы буду выкладывать на ютуб
А что там делать-то? Главное не юзай позиционирование объектов, особенно - абсолют, а смещай их с помощью центрирования и отступов, тогда объекты будут автоматически адаптироваться в соответствии с разрешением экрана.
Первый экран - ок, да, сделали, но как только начинаешь сжимать окно браузера, всё превращается в кашу...Может ли сайт и первый экран соответственно выглядеть одинаково и широкоформатном мониторе и на ноутбуке?
Адаптивность это вообще тема отдельных уроков. Иной раз адаптивность настроить занимает больше времени чем сама верстка. На вопрос "может ли выглядеть одинаково и широкоформатном мониторе и на ноутбуке?" - да может, просто делайте ширину внутренних секций 1180px (не думаю что есть ноутбуки с меньшей шириной), а если и меньше, то там уже будет режим планшетного формата (который настраивается тоже отдельно, как и телефонная версия)
и кстати в уроке я и делаю размер 1180px. Так что это нормальное разрешение для десктопа
@@web-jump да, но часто делают контент не фиксировано...что получается заголовок от самого левого края, справа фотогалерея...но когда сжимаешь сайт - всё пропорционально уменьшается, а потом да переключается на планшетную версию...это респонсив получается...делают элементы не в px а в rem или % - не знаю точно...
@@braza8031 да, конечно можно делать и в "%" → но я делаю в px, т.к. конечный результат визуала более предсказуем)
Спасибо за выпуск. Скажите, как лучше поступить, если создан сайт на вордпресс, заведен в гугл и яндекс. Но теперь нужно править несколько страниц и в индекс все время летят какие то служебные странички. Полностью закрывать сайт не хочется и повлияет ли потом на выдачу то, что я правлю сайт.
Добрый день. Не совсем понял, что за служебные странички (можете их закрыть в ручную от индекса плагином Yoast SEO). Что касается изменений на сайте - они проиндексируются при ближайшем обходе роботами поисковых систем. Рекомендую принудительно инициировать повторный обход роботами в панеле Яндекс.Вебмастер (и аналогичной гугл)
@@web-jump яндекс при обходе вот такие странички видит. (/servises/podklyuchenie-elektrichestva-2/?elementor-preview=1856&ver=1660901138). И их много всегда, штук по 5. Наверно потому что я правлю в элементоре, и пока правлю он считывает какие то промежуточные результаты чтоли. Как сделать чтобы он смотрел только нужный мне список страниц и не шарился вокруг?
@@ivan_golubev_86 к сожалению, не могу подсказать
@@ivan_golubev_86 выключите индексацию пока делаете сайт
@@SergDmit спасибо, попробую
А где вторая часть ?
ruclips.net/video/EN2Ivkq61D8/видео.html
Не очень понимаю, какой смысл переносить дизайн из фигма через элементор. Элементор же придуман, как средство для сокращения этапов, чтобы рисовать дизайн прямо там. Плата за это в том, что он сильно тормозит сайты. А если уж дизайн отрисован в фигме, почему не сверстать нормально?
что значит "рисовать дизайн прямо там"? вы не сможете создать дизайн, не зная как он выглядит. Елементор лишь среда упаковки дизайна (та же верстка, только в удобном интерфейсе). На счет "тормозит" - есть множество инструментов ускорения или новника флексбоксы, которые устраняют ранние недостатки элементор по коду
Пожалуй, вот по теме: ruclips.net/video/_j9QH8LQRO8/видео.html
@@web-jump посмотрел работу сайта стоматологии, страницы медленно загружаются, может имеет смысл такое сделать на Next js а cms прикрутить Strapi например, там по скорости работы будет практический как React приложение и обновлять ничего не нужно, что думаете по этому поводу ?
Андрей... А зачем Вы рисуете дизайн изначально в Фотошоп или Фигма... В принципе же практически так же можно продумывать дизайн непосредственно в Элементоре! У Вас набитая рука уже... Просто в два раза удлиняете работу... Плюс в элементоре есть свои стили и фишки, которые можно сразу пробовать на этапе продумывания дизайна... Ну и не всегда фишки фотошопа можно 100% перенести в элементор.
Не пытаюсь Вас учить... Я только начинаю изучать тему веб дизайна. Реально просто не очень понимаю...
Юрий, мне так проще структурировать всю информацию и правильно ее оформить. Бывает, что я не полностью рисую дизайн - просто наброски, а уже финал делаю при верстке. Но если я полностью нарисую дизайн, то на этапе верстки мне вообще не надо ни о чем думать - ни о композиции, ни о размерах шрифта и тд. Просто механическая работа) Ну и плюс - я же делаю уроки, и для того чтобы, как вы сказали "рука набита" стала, нужно проходить через все этапы, а когда процесс уже будет отточен, то каждый сможет его сократить до удобного варианта. Ну и не забываем про заказчиков - бывает, что просят сначала именно дизайн проект, а уже потом дают добро на верстку.
@@user-jj7hp4uc4f правильно что изучаете - без знаний веб-дизайна невозможно сделать правильно с разу в елементор. Я как раз хочу выпустить ролик на тему "Что важнее: веб-дизайн или верстка?". Не знаю когда точно запишу, но точно будет (пока работаю над роликами "бесплатный мини курс по веб-дизайну в фигме" - там 11 выпусков будет)
@@web-jump супер! Успехов в развитии канала! Следовательно нам успехов в становлении веб специалистами!
@@user-jj7hp4uc4f Спасибо, Юрий 😊 Вам успехов в своем начинании)) Только вперед 🚀
а где Создание сайта на wordpress -?
что именно вы хотели видеть? вот вордпресс, вот сайт. что не так?
гиммор полнейший, проще в Elementor и верстать..
Я никого не заставляю делать так как я делаю. Верстайте сразу. Только не забывайте, что дизайн это 80 % эффективного сайта. А из головы его "родить" такое себе. Но каждое мнение имеет право на жизнь, спасибо за ваше.
Какой у вас опыт в веб-дизайне и верстке на Elementor? Мои уроки в первую очередь направлены на начинающих, и им очень сложно будет делать сразу в Elementor, как вы говорите. Я уже столько лет этим занимаюсь, и все равно всегда начинаю с дизайна. Если интересно подробнее, тот вот как раз выпуск на эту тему: ruclips.net/video/_j9QH8LQRO8/видео.html
Какой смысл тогда делать сайт в Фигма, если можно изначально в Елементоре? Я-то думал, что здесь расскажешь об экспорте проекта из фигмы в ВП, а так - бесполезное видео)
Смысл огромный делать сначала дизайн 🙂 Учите мат часть. Если бы вы были внимательнее, то увидели бы, что данная серия роликов состоит из нескольких видео - и в следующих двух есть экспорт в элементор. Но вам быстрее написать негативный коммент, не разобравшись → не прочитав описание ролика и не слушав информацию в нем