Архив метки: Elementor

10. Elementor Free | Как создать страницу «Сайт в разработке» с помощью бесплатной версии плагина Elementor.

  Автор:
  Комментарии к записи 10. Elementor Free | Как создать страницу «Сайт в разработке» с помощью бесплатной версии плагина Elementor. отключены
  1371
How to create a "Site Under Construction" page with Elementor

В этом видео уроке Вы узнаете как создать и оформить страницу “Сайт в разработке” для сайта на WordPress с помощью бесплатной версии Elementor.

Страница «Сайт в разработке» для посетителей сайта будет выглядеть вот таким образом.

Этот и другие 100+ видео уроков входят в видеокурс «Elementor — от новичка до профи»
Читать далее »

06. Elementor Free | Работа с готовыми шаблонами редактора Elementor.

  Автор:
  Комментарии к записи 06. Elementor Free | Работа с готовыми шаблонами редактора Elementor. отключены
  912
Работа с готовыми шаблонами редактора Elementor.

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

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

Итак, у нас по центру страницы редактируемой в Elementor есть две кнопки — первая «Плюс»  и вторая «Папочка». Нажав на кнопку с папочкой у нас появляется возможность выбрать готовые шаблоны.
Читать далее »

05. Elementor Free | Работа с секциями редактора Elementor.

  Автор:
  Комментарии к записи 05. Elementor Free | Работа с секциями редактора Elementor. отключены
  1074
Работа с секциями редактора Elementor

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

В этом видео уроке  Вы узнаете как создавать структуру страницы с помощью секций редактора Elementor.

Итак, начнем.

С помощью кнопки «Плюс» мы добавляем новую структуру, то есть новую секцию, например, на всю ширину и в эту секцию вы уже добавляете блоки и контент.
Читать далее »

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

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

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

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

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

02. Elementor Free | Установка и основная настройка Elementor.

  Автор:
  Комментарии к записи 02. Elementor Free | Установка и основная настройка Elementor. отключены
  801
Установка и основная настройка Elementor

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

В этом видео мы установим бесплатную версию плагин Elementor и сделаем основные базовые настройки данного плагина для сайта на WordPress.

Но перед тем, как мы приступим к установке пару слов о самом плагине Elementor, что он может и какие у него есть варианты.

Итак, у плагина Elementor есть две версии.

Первая — бесплатная. То есть сейчас мы начинаем разбираться именно с бесплатной версией Elementor. С помощью бесплатных встроенный виджетов вы сможете создавать обычные страницы вашего сайта, такие как, например, об авторе, главная страница, о ваших услугах, контакты.

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

У  плагина Elementor есть два варианта встроенных шаблонов страниц. Читать далее »

01. Подготовка сайта на WordPress для установки плагина Elementor.

  Автор:
  Комментарии к записи 01. Подготовка сайта на WordPress для установки плагина Elementor. отключены
  1035
Подготовка сайта на WordPress для установки Elementor

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

С этого видео я начну рассказывать о том, как создать сайт на WordPress с помощью плагина Elementor.

В качестве шаблона WordPress я использую свой шаблон AB-Inspiration. Это новый сайт. Я только установила и активировала лицензию шаблона.  Шаблон настроен по умолчанию. Я лишь на видео сделаю только небольшие поправки по внешнему виду.

В этом видео мы не рассматриваем полную настройку шаблона. Предполагается, что если Вы член клуба «Мастер WordPress«, то у Вас на самом деле уже есть шаблон AB-Inspiration.

Если у Вас нет шаблона AB-Inspiration, но Вы хотите проходить обучение используя этот мой шаблон, то в конце этой статьи есть возможность скачать шаблон и активировать 30-дневную лицензию.

Тем не менее Вы можете использовать любой бесплатный шаблон WordPress.  Просто я показываю все на своем шаблоне.

Смотрите видео урок: Читать далее »

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

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

Полный список видео уроков 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»

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

№36. Как получить ВСЕ ЗАПИСИ И ШАБЛОНЫ 9-дневного онлайн — тренинга «Elementor 3»

  Автор:
  Комментариев нет
  465
Как получить ВСЕ ЗАПИСИ И ШАБЛОНЫ 9-дневного онлайн - тренинга "Elementor 3 (2021)"

№36. Как получить ВСЕ ЗАПИСИ И ШАБЛОНЫ 9-дневного онлайн — тренинга «Elementor 3». 7:25

СПАСИБО ДРУЗЬЯ ЗА ВАШИ ОТЗЫВЫ!  ЖЕЛАЮ ВСЕМ КРЕПКОГО ЗДОРОВЬЯ, СЧАСТЬЯ И УДАЧИ!
Из этого видео Вы узнаете:

  • Почему не стоит перебарщивать с WOW-эффектами при создании страниц в Elementor Pro.
  • Почему желательно отключать WOW-эффекты Elementor Pro для мобильных устройств.
  • Как наиболее эффективно практиковать WOW-эффекты Elementor Pro.
  • Почему Оксана Горбань, Александр Козодаев, Светлана Юферева, Роза Бозырева, Татьяна Онищенко, Виктор Мищенко, Вадим Музафаров,
  • Валентина Степанова меня вдохновляют?

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

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

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

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

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

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

Что такое Lottie?

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

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

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

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

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