Архив метки: Лендинг на Elementor

03. Elementor Free | Особенности входа в редактор Elementor.

  Автор:
  Комментарии к записи 03. Elementor Free | Особенности входа в редактор Elementor. отключены
  1437
Особенности входа в редактор Elementor

(3 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

В этом видео мы познакомимся с особенности входа в редактор Elementor.

И так еще раз напомню, что Elementor сейчас активирован на страницах и записях. То есть, когда вы переходите в раздел «Странице» и нажимайте «Добавить новую», то здесь вы увидите кнопку «Редактировать в Elementor». То есть теперь когда вы создаете с нуля или редактируете существующую страницу у вас будет возможность редактировать эту страницу в Elementor.
Читать далее »

Список видео уроков 9-дневного онлайн — тренинга «Elementor 3» (Elementor для начинающих)

  Автор:
  Комментарии к записи Список видео уроков 9-дневного онлайн — тренинга «Elementor 3» (Elementor для начинающих) отключены
  1922

Полный список видео уроков 9-дневного онлайн — тренинга «Elementor 3»

Elementor — страницы созданные с помощью бесплатного плагина Elementor.
Elementor PRO —
страницы созданные с помощью платного плагина Elementor Pro.

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


День № 1.  Elementor | Как создать страницы «Сайт в разработке» и «Главная входная». 2:00:30

№1. Предисловие. Как получить Elementor Pro бесплатно.

№2. Как установить бесплатную версию плагина “Elementor Website Builder”.

№3. Как создать страницу “Сайт в разработке”.

№4. Как создать страницу “Главная” в редакторе Elementor.

День № 2.  Elementor | Как создать страницы «Контакты» и «Об авторе». 1:46:58

№5. Полезные советы при создании страниц на Elementor.

№6. Как создать страницу “Контакты” в конструкторе Elementor.

№7. Как в Elementor создать страницу “Об авторе”.

День № 3. Elementor | Как создать страницу «Услуги». 2:04:04

№8. Кому под силу освоить конструктор страниц Elementor 3.

№9. Как создать страницу “Услуги” в редакторе Elementor 3.

№10. Викторина по странице “Услуги” созданной на Elementor.


День № 4. Elementor PRO | Как улучшить страницу «Входная». Перевод Elementor Pro на русский язык.  1:57:11

№11. Как приобрести плагин Elemenor Pro, установить на сайт и активировать лицензию.

№12. Как украсить главную (входную) страницу сайта с помощью Elemenor Pro.

№13. Как в Elementor Pro делаются “якоря” на конкретном месте страницы сайта.

День № 5. Elementor PRO | Как создать страницу «Контакты» в 2-х вариантах: простая форма контактов и форма контактов с пошаговым заполнением данных. Как работать с иконками и шрифтами. О 2-х способах как вывести товары интернет-магазина на WooCommerce на страницу сайта. 1:50:38

№14. Elementor Pro. Предисловие к пятому дню онлайн – тренинга.

№15. Как на хостинге установить перевод Elementor Pro на русский язык.

№16. Как создать пошаговую форму обратной связи (контакты, заявка на консультацию) на Elementor Pro.

№17. Как создать и установить свои черно-белые и цветные иконки на страницу на Elementor Pro.

№18. Как создать и установить свои шрифты на страницу, созданную на Elementor Pro.

№19. Как выводить товары WooCommerce на страницу сайта используя Elementor Pro.

День № 6. Elementor PRO | Как создать секции для продающего лендинга: «Таблица цен», «Обратный отсчет», «Отзывы карусель», «Рецензии», «Призыв к действию», «Кнопка PayPal». 2:12:04

№20. Предисловие. Какие секции страницы “Услуги” будем улучшать с помощью Elementor Pro.

№21. Как сохранить страницу “Услуги” как шаблон в качестве копии для редактирования в Elementor.

№22. Как с помощью Elementor Pro установить и настроить таймер обратного отсчета.

№23. Как с помощью Elementor установить и настроить 3 варианта вывода отзывов на страницу “Услуги”.

№24. Как создать “Таблицу цен” с помощью Elementor Pro. Настройка оплаты через WooCommerce и PayPal.

№25. Как настроить виджет Elementor Pro “Призыв к действию” с кнопкой оплаты.

№26. Ответы на вопросы по виджету “Таблица цен” страницы “Услуги” созданной на Elementor Pro.

День № 7. Elementor PRO | Как создать разные варианты всплывающих окон (Popup). 56:08

№27. Предисловие к созданию всплывающее (Pop-Up) окна на странице сайта с помощью Elementor Pro.

№28. Как создать всплывающее (Pop-Up) окно с пошаговой формой с помощью Elementor Pro.

№29. Как в Elementor Pro создать всплывающее (Pop-Up) окно со статьей сайта внизу справа.

День № 8. Elementor PRO | Как создать 2 варианта страницы с архивом статей — без боковой колонки, и с боковой колонкой. 2:01:30

№30. Elementor Pro и шаблоны архивов статьей сайта на WordPress.

№31. Как в Elementor Pro создать шаблон архива с разным расположением статьей сайта на WordPress.

№32. Как в Elementor Pro создать шаблон архива одиночной записи блога для сайта на WordPress.

№33. Зачем нужно писать вопросы и отзывы по онлайн-тренингу “Elementor 3”.

День № 9. Elementor PRO | Как украсить страницу сайта WOW-эффектами движения, анимацией и lottie. 1:59:49

№34. Что является самым сложным при создании страниц с WOW-эффектами Elementor Pro.

№35. Как создать страницу с 3-мя вариантами WOW-эффектов Elementor Pro.


Посмотреть ГОТОВЫЕ ШАБЛОНЫ страниц, которые созданы на этом 9-дневном онлайн — тренинге «Elementor 3″можно по ссылке: https://wplandingpage.ru/:

 

ЗАПИСИ 9-ДНЕВНОГО ЭКСКЛЮЗИВНОГО ОНЛАЙН-ТРЕНИНГА «ELEMENTOR ДЛЯ НАЧИНАЮЩИХ»

Нужна помощь или консультация по данным урокам ?
Обращайтесь в нашу службу поддержки клуба «Мастер WordPress»

Читать далее »

№35. Как добавить WOW-эффекты на страницу в Elementor Pro

  Автор:
  Комментариев нет
  2319
Как создать страницу с 3-мя вариантами WOW-эффектов Elementor Pro

На этом мастер-классе мы продолжим знакомиться с платной версией Elementor PRO, и создадим страницу с эффектами движения и технологией Lottie.

Что такое эффекты движения (официально такая технология называется paralax)?

Объекты на странице тоже двигаются вместе с прокруткой экрана, но только в другом темпе и в направлении. Создается ощущение движения на странице. С этой технологией можно создать невероятные картины на страницы: например парящие астронавты в космосе. Все объекты начинают движение, как только пользователь прокручивает экран вверх или вниз. Это действительно производит WOWo эффект. Главное не переборщить :)

Что такое Lottie?

Это формат файла анимации. Проще говоря, это картинка, на которой объекты движутся. Особенность Lottie в том, что это не картинка, а json файл (код) и это позволяет масштабировать картинку до бесконечного размера, при этом качество меняться не будет.

Картинки Lottie мы ищем на специальном сайте: https://lottiefiles.com/, где вы можете не только скачать понравившуюся Lottie, но и отредактировать. Об этом тоже расскажу на мастер-классе.

Приятного просмотра.  Если у вас остались вопросы, пишите в комментариях.

Длительность мастер-класса 1:43:35

Читать далее »