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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Плагин «Индивидуальные функции» для вставки произвольного php кода

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

Для вашего удобства способа вставки необходимого php кода без редактирования шаблона я хочу предложить Вам свой плагин «Индивидуальные функции».

Индивидуальные функции — простой плагин с одним пустым файлом.

Как работать с плагином?

  1. Скачайте плагин Индивидуальные функции, установите его на блог и активируйте
  2. Зайдите в раздел «Плагины» — «Редактор»
  3. Выберите из списка плагинов справа «Индивидуальные функции» и нажмите на кнопку «Выбрать»
  4. Вставьте скопированный код нового виджета в файл
  5. Нажмите на кнопку «Сохранить файл»


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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что такое Lottie?

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

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

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

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

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