Тонкие иконки для Elementor

  Автор:
  Комментариев нет
  2068

Если вы на этой странице, то наверняка тоже ищите контурные, красивые, тонкие, изящные иконки для Elementor. Да, в Elementor есть набор иконок Font Awesome, но согласитесь, они немного топорные, грубые на мой взгляд. Хотя в некоторых дизайнах смотрятся хорошо.

Напомню, в Elementor иконки SVG можно загружать 2мя способами.

1 способ

Загрузка индивидуальной иконки в SVG формате как обычного изображения. Тогда ваша иконка будет доступна в медиатеке вместе со всеми изображениями, которые вы загружали на сайта.
Читать далее »

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

  Автор:
  Один комментарий
  3559

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

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

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

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

  Автор:
  Комментариев нет
  1778

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

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

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

  Автор:
  Комментариев нет
  1326

Содержание видео:
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)

  Автор:
  Комментариев нет
  4627

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

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

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

  Автор:
  Один комментарий
  2258

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

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

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

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

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

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

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

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

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

  Автор:
  Комментариев нет
  531

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

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

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

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

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

  Автор:
  Комментариев нет
  1867

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

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

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

Что такое Lottie?

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

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

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

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

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