[Мастер-класс по Elementor] Реальные примеры использования виджетов Hotspot и Текст по контуру и инструментов Маска, Градиент на кнопке и пипетка

  Автор:
  96

Разработчики Elementor выпустили новую версию и порадовали пользователей новыми виджетами: Hotspot и Текст по контуру, и инструментов: Маска, Градиент на кнопке и Пипетка. Теперь еще больше возможностей создавать классные страницы сайта и лендинги.

На этом мастер-классе я подробно расскажу про 2 виджета и 3 инструмента и на реальных примерах мы посмотрим как использовать их на страницах.

Hotspot (Горячие точки) — это возможность отмечать точки на изображении и при наведении мышки или клике на точку появляется подсказка с заголовком и текcтом или даже ссылкой
Читать далее »

[Мастер-класс по онлайн-школе WP Courseware] Как создать шаблон сертификата

  Автор:
  98
Как создать шаблон сертификата о прохождении онлайн-курса на сайте на WordPress

Разработчики плагина WP Courseware добавили функционал создания шаблонов для Сертификатов. Раньше, кто помнит, не была никакой возможности поменять текст на сертификате. Единственное, что мы могли сделать, это добавить свои шрифты, но и это было не так просто :). Сейчас, в разделе WP Courseware -> Сертификаты, можно создавать неограниченное количество шаблонов и прикреплять их к курсам.

Перед тем, как вы приступите к просмотру видео и созданию сертификата пару замечаний:
1. Отключите плагин Classic Editor(Если он у вас установлен). Когда закончите редактирование сертификата сможете этот плагин активировать. Но когда вам нужно будет его отредактировать, не забудьте снова отключить.
2. Выбирайте шаблон номер 1 или 2. Третий шаблон пока не работает. Разработчики плагина разбираются в чем причина.
Читать далее »

Создать онлайн-школу на своем сайте на WordPress лучше?

  Автор:
  20
Создать онлайн-школу на своем сайте на WordPress лучше?

Содержание видео:
1. Почему очень важно знать перед созданием онлайн-школы, что Вы хотите от нее хотите.
2. Какие варианты школы можно создать на нашей разработке по курсу «Онлайн-школа на WordPress«.
3. Что лучше — создать онлайн-школу на своем сайте или на онлайн-платформе?
4. Чем наши курсы по созданию сайта онлайн-школы отличается от других курсов.
5. Почему желательно создать сайт онлайн-школы самостоятельно.
6. Какие сайты онлайн-школ получаются по нашему курсу «Онлайн-школа на WordPress«.
7. Есть ли ограничение по количеству курсов и учеников в нашей конструкции онлайн-школы.
8. Как принимается оплата за онлайн-курсы.
9. Можно ли в нашем магазине онлайн-школы продавать физические товары.
10. С помощью какого инструмента можно оформить главную страницу сайта своей онлайн-школы.
11. Зачем нужен блог на своем сайте онлайн-школы.
12. Что происходит когда на сайт зашел потенциальный ученик. Путь ученика от регистрации до прохождения курса и получения сертификата.
13. Какой контакте можно размещать в своем онлайн-курсе.
14. Какие бывают варианты автоматических викторин для проверки полученных знаний урока онлайн-курса..
15. Какие изменения можно в носить в сертификат, который выдается по окончанию курса.
16. Как для ученика выгладить личный кабинет онлайн-школы.
17. Как выглядит сайт онлайн-школы внутри для администратора, то есть для Вас.
18. Как происходит создание онлайн-курсов администратором или куратором.
19. Какие есть настройки прохождения уроков онлайн-курса.
20. Как осуществляется коммуникация учителя со всеми учениками онлайн-курса, и с каждым в отдельности.
21. Как настраиваться доступ прохождения онлайн-курсов по уровням.
22. Как назначается куратор/кураторы онлайн-курса/курсов.
23. Как видит администратор/куратор онлайн-курса какие уроки ученик изучает в данный момент, а какие не изучил.
24. В чем «сила» плагина Elementor для сайтов на WordPress.
25. Какие инструменты входят в наш полный комплект для создания сайта онлайн-школы по курсу «Онлайн-школа на WordPress».
26. Краткий обзор инструментов комплекта.
27. Какие инструменты в качестве подарков Вы получается при приобретении курса «Онлайн-школа на WordPress» для создания своей онлайн-школы и их стоимость.
28. Почему выгодно приобрести наш комплект для создания сайта онлайн-школы: полный комплект программного обеспечения, плюс курс «Онлайн-школа на WordPress», плюс приоритетная техподдержка.
29. Какие с нами есть способы связи для решения Ваших вопросов и персональной демонстрации сайта онлайн-школы.
30. На каком еще другом инструменте можно сделать сайт своей онлайн-школы на WordPress.
Читать далее »

[Мастер-класс по Elementor PRO] Как создать и настроить шапку (header) и нижнюю часть сайта (footer)

  Автор:
  18
настроить фиксированную шапку (header) и подвал (footer) сайта с помощью Elementor

В этом мастер-классе я расскажу вам как вы можете создать произвольную шапку и футер для вашего сайта. Мы уже проходили с вами создание шаблонов страниц (архивные страницы, страница статьи, 404, страница поиска). Это все шаблоны внутренней части страницы или по другому «контентной части».

Шапка и футер, при этом, остаются неизменными. Они заимствуются из шаблона. То есть в зависимости от того, какой шаблон (тему) вы используете, такими будут шапка и футер. Единственный вариант, когда шапка и футер не отображаются это шаблон Elementor «Холст». Обычно такой шаблон используется для лендингов. Но что, если вы хотите переделать шапку и футер своего сайте, добавить какие-то  элементы, или хотите сделать разные шапки и футеры для разных страниц (почему бы и нет :)). Это возможно сделать с Elementor PRO.
Читать далее »

[Мастер-класс по Elementor PRO] Как создать страницу с видео плейлистом

  Автор:
  135
Как с нуля создать и настроить под себя страницу с видео плейлистом Elementor Pro

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

Мне понравилось в виджет Видео плейлист, все получается очень компактно, на одной странице.

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

Содержание вебинара:

  1. Как можно применить видео плейлист при создании сайта на WordPress на практике.
  2. Как узнать какие из встроенных в Elementor шрифтов отображаются правильно на русском языке — кириллицей.
  3. Как с нуля создать и настроить разными стилями над видео плейлистом заголовок и подзаголовок.
  4. Как с нуля создать и настроить видео плейлист.
  5. Какие бывают подвохи с отображением в видео плейлисте данных о видео миниатюр, и как их решить.
  6. Как настроить видео плейлист для отображения в мобильной версии.
  7. Ответы на вопросы участников вебинара. Как можно еще использовать видео плейлист на практике и другие ….
  8. Как получить плагин Elementor Pro в подарок.
  9. Что будет на моих следующих бесплатных живых вебинарах по Elementor.

Демо плейлиста этого урока: Читать далее »

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

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

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

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

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

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

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

[Мастер-класс по Elementor #35] Как добавить WOW-эффекты на страницу в Elementor Pro

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

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

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

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

Что такое Lottie?

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

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

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

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

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