В этом видео уроке Вы узнаете как создать и оформить страницу “Сайт в разработке” для сайта на WordPress с помощью бесплатной версии Elementor.
Страница «Сайт в разработке» для посетителей сайта будет выглядеть вот таким образом.
Этот и другие 100+ видео уроков входят в видеокурс «Elementor — от новичка до профи»
Читать далее »
(6 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)
В этом видео уроке Вы узнаете как в редакторе Elementor выбрать и загрузить готовые шаблоны страниц, которые созданы профессиональными дизайнерами, для редактирования под себя.
Итак, у нас по центру страницы редактируемой в Elementor есть две кнопки — первая «Плюс» и вторая «Папочка». Нажав на кнопку с папочкой у нас появляется возможность выбрать готовые шаблоны.
Читать далее »
(5 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)
В этом видео уроке Вы узнаете как создавать структуру страницы с помощью секций редактора Elementor.
Итак, начнем.
С помощью кнопки «Плюс» мы добавляем новую структуру, то есть новую секцию, например, на всю ширину и в эту секцию вы уже добавляете блоки и контент.
Читать далее »
(3 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)
В этом видео мы познакомимся с особенности входа в редактор Elementor.
И так еще раз напомню, что Elementor сейчас активирован на страницах и записях. То есть, когда вы переходите в раздел «Странице» и нажимайте «Добавить новую», то здесь вы увидите кнопку «Редактировать в Elementor». То есть теперь когда вы создаете с нуля или редактируете существующую страницу у вас будет возможность редактировать эту страницу в Elementor.
Читать далее »
(2 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок смотрите каждый новый день.)
В этом видео мы установим бесплатную версию плагин Elementor и сделаем основные базовые настройки данного плагина для сайта на WordPress.
Но перед тем, как мы приступим к установке пару слов о самом плагине Elementor, что он может и какие у него есть варианты.
Итак, у плагина Elementor есть две версии.
Первая — бесплатная. То есть сейчас мы начинаем разбираться именно с бесплатной версией Elementor. С помощью бесплатных встроенный виджетов вы сможете создавать обычные страницы вашего сайта, такие как, например, об авторе, главная страница, о ваших услугах, контакты.
Вторая версия — платная — расширенная, где добавлены дополнительные виджеты, которые уже позволяют создавать еще более классные страницы сайта и лэндинги. То есть, добавляются допустим таблица цен, флит боксы, слайдер, медиа карусель, часы обратного отсчета, и так далее.
У плагина Elementor есть два варианта встроенных шаблонов страниц. Читать далее »
(1 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок смотрите каждый новый день.)
С этого видео я начну рассказывать о том, как создать сайт на WordPress с помощью плагина Elementor.
В качестве шаблона WordPress я использую свой шаблон AB-Inspiration. Это новый сайт. Я только установила и активировала лицензию шаблона. Шаблон настроен по умолчанию. Я лишь на видео сделаю только небольшие поправки по внешнему виду.
В этом видео мы не рассматриваем полную настройку шаблона. Предполагается, что если Вы член клуба «Мастер WordPress«, то у Вас на самом деле уже есть шаблон AB-Inspiration.
Если у Вас нет шаблона AB-Inspiration, но Вы хотите проходить обучение используя этот мой шаблон, то в конце этой статьи есть возможность скачать шаблон и активировать 30-дневную лицензию.
Тем не менее Вы можете использовать любой бесплатный шаблон WordPress. Просто я показываю все на своем шаблоне.
Смотрите видео урок: Читать далее »
Elementor — страницы созданные с помощью бесплатного плагина Elementor.
Elementor PRO —страницы созданные с помощью платного плагина Elementor Pro.
Вы научитесь создавать основные страницы сайта на WordPress с профессиональным веб-дизайном, с нуля, и по готовым шаблонам. При этом Вам не нужно обладать знаниями программирования и опытом веб-дизайна. Потому, что самое большое преимущество Elementor заключается в быстроте и простоте его использования.
№1. Предисловие. Как получить Elementor Pro бесплатно.
№2. Как установить бесплатную версию плагина “Elementor Website Builder”.
№3. Как создать страницу “Сайт в разработке”.
№4. Как создать страницу “Главная” в редакторе Elementor.
№5. Полезные советы при создании страниц на Elementor.
№6. Как создать страницу “Контакты” в конструкторе Elementor.
№7. Как в Elementor создать страницу “Об авторе”.
№8. Кому под силу освоить конструктор страниц Elementor 3.
№9. Как создать страницу “Услуги” в редакторе Elementor 3.
№10. Викторина по странице “Услуги” созданной на Elementor.
№11. Как приобрести плагин Elemenor Pro, установить на сайт и активировать лицензию.
№12. Как украсить главную (входную) страницу сайта с помощью Elemenor Pro.
№13. Как в Elementor Pro делаются “якоря” на конкретном месте страницы сайта.
№14. Elementor Pro. Предисловие к пятому дню онлайн – тренинга.
№15. Как на хостинге установить перевод Elementor Pro на русский язык.
№16. Как создать пошаговую форму обратной связи (контакты, заявка на консультацию) на Elementor Pro.
№17. Как создать и установить свои черно-белые и цветные иконки на страницу на Elementor Pro.
№18. Как создать и установить свои шрифты на страницу, созданную на Elementor Pro.
№19. Как выводить товары WooCommerce на страницу сайта используя Elementor Pro.
№20. Предисловие. Какие секции страницы “Услуги” будем улучшать с помощью Elementor Pro.
№21. Как сохранить страницу “Услуги” как шаблон в качестве копии для редактирования в Elementor.
№22. Как с помощью Elementor Pro установить и настроить таймер обратного отсчета.
№23. Как с помощью Elementor установить и настроить 3 варианта вывода отзывов на страницу “Услуги”.
№24. Как создать “Таблицу цен” с помощью Elementor Pro. Настройка оплаты через WooCommerce и PayPal.
№25. Как настроить виджет Elementor Pro “Призыв к действию” с кнопкой оплаты.
№26. Ответы на вопросы по виджету “Таблица цен” страницы “Услуги” созданной на Elementor Pro.
№27. Предисловие к созданию всплывающее (Pop-Up) окна на странице сайта с помощью Elementor Pro.
№28. Как создать всплывающее (Pop-Up) окно с пошаговой формой с помощью Elementor Pro.
№29. Как в Elementor Pro создать всплывающее (Pop-Up) окно со статьей сайта внизу справа.
№30. Elementor Pro и шаблоны архивов статьей сайта на WordPress.
№31. Как в Elementor Pro создать шаблон архива с разным расположением статьей сайта на WordPress.
№32. Как в Elementor Pro создать шаблон архива одиночной записи блога для сайта на WordPress.
№33. Зачем нужно писать вопросы и отзывы по онлайн-тренингу “Elementor 3”.
№34. Что является самым сложным при создании страниц с WOW-эффектами Elementor Pro.
№35. Как создать страницу с 3-мя вариантами WOW-эффектов Elementor Pro.
Посмотреть ГОТОВЫЕ ШАБЛОНЫ страниц, которые созданы на этом 9-дневном онлайн — тренинге «Elementor 3″можно по ссылке: https://wplandingpage.ru/:
Нужна помощь или консультация по данным урокам ?
Обращайтесь в нашу службу поддержки клуба «Мастер WordPress»
СПАСИБО ДРУЗЬЯ ЗА ВАШИ ОТЗЫВЫ! ЖЕЛАЮ ВСЕМ КРЕПКОГО ЗДОРОВЬЯ, СЧАСТЬЯ И УДАЧИ!
Из этого видео Вы узнаете:
На этом мастер-классе мы продолжим знакомиться с платной версией Elementor PRO, и создадим страницу с эффектами движения и технологией Lottie.
Что такое эффекты движения (официально такая технология называется paralax)?
Объекты на странице тоже двигаются вместе с прокруткой экрана, но только в другом темпе и в направлении. Создается ощущение движения на странице. С этой технологией можно создать невероятные картины на страницы: например парящие астронавты в космосе. Все объекты начинают движение, как только пользователь прокручивает экран вверх или вниз. Это действительно производит WOWo эффект. Главное не переборщить 
Что такое Lottie?
Это формат файла анимации. Проще говоря, это картинка, на которой объекты движутся. Особенность Lottie в том, что это не картинка, а json файл (код) и это позволяет масштабировать картинку до бесконечного размера, при этом качество меняться не будет.
Картинки Lottie мы ищем на специальном сайте: https://lottiefiles.com/, где вы можете не только скачать понравившуюся Lottie, но и отредактировать. Об этом тоже расскажу на мастер-классе.
Приятного просмотра. Если у вас остались вопросы, пишите в комментариях.
Длительность мастер-класса 1:43:35
