Список мастер — классов и уроков по Elementor

  Автор:
  Комментарии к записи Список мастер — классов и уроков по Elementor отключены
  59

Новые шаблоны страниц интернет-магазина WooCommerce созданные с помощью Elementor

Создаем Footer (подвал) с Copyright, датой, названием сайта и меню

Создаем Header (шапку) с логотипом и меню, с контактными данными и кнопками соцсетей

 Как закрыть всплывающие окно (pop-up) при клике на кнопку или ссылку

Переделка на Elementor сайта для приема заявок на производство мебели

Перенос старого самописного сайта на современный сайт на WordPress и Elementor с сохранением старого внешнего вида и контента

Как сделать выпадающую при клике таблицу цен для мобильной версии

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

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

Как создать и настроить шапку (header) и нижнюю часть сайта (footer)

Как создать страницу с видео плейлистом.

Elementor и Elementor Pro для сайта онлайн — школы на WordPress с интернет-магазином и блогом

Как исправить отображение записей виджета Elementor Post в мобильной версии сайта

Как в Elementor добавить свои иконки в виде цифр

Как правильно работать с готовыми шаблонами Elementor


Как можно приобрести плагин Elementor PRO?

  1. Купить на сайте разработчика по этой ссылке:  Elementor PRO 
  2. ИЛИ получить Elementor PRO в подарок при покупке курса «Elementor – конструктор лендингов на WordPress »

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

Новые шаблоны страниц интернет-магазина WooCommerce созданные с помощью Elementor

  Автор:
  620

Приятные новости для пользователей видео курса «Elementor — конструктов лендингов на WordPress«.

Я завершила серию видео уроков по созданию всех шаблонов страниц с помощью Elementor Pro для интернет-магазина на основе WordPress, шаблона AB-Inspiration и плагина WooCommerce.

Теперь, по моим видео урокам видео курса, Вы легко можете создать такие же страницы для своего интернет-магазина WooCommerce.
Читать далее »

[Elementor] Создаем Footer (подвал) с Copyright, датой, названием сайта и меню

  Автор:
  418
Footer (подвал с Copyright, датой, названием сайта и меню) для сайта на WordPress

Вы узнаете как создать Footer (подвал с Copyright, датой, названием сайта и меню) для десктопной и мобильной версий сайта на WordPress с помощью Elementor Pro шаг за шагом, с нуля.

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

[Elementor] Создаем Header (шапку) с логотипом и меню, с контактными данными и кнопками соцсетей

  Автор:
  450
Создаем Header (шапку с логотипом и меню) для сайта на WordPress с помощью Elementor вместе с нуля

Вы узнаете как создать Header (шапку с логотипом и меню, с контактными данными и кнопками соцсетей) десктопной версии сайта на WordPress с помощью Elementor Pro шаг за шагом с нуля.
Header (шапку с логотипом и меню) для сайта на WordPress с помощью Elementor
Читать далее »

[Elementor PRO] Как закрыть всплывающие окно (pop-up) при клике на кнопку или ссылку

  Автор:
  1404

На всплывающем окне (Pop-Up)  созданном на Elementor Pro  окне есть кнопка «Закрыть».

Тем не менее в некоторых случаях необходимо закрыть окно при клике на любую кнопку или ссылку внутри самого Pop-Up окна, а не на кнопку «Закрыть».

Например, Pop-Up окно это ссылки меню на разделы страницы. При клике на нужный пункт меню происходит плавный переход к нужному разделу на странице и Pop-Up закрывается.

Итак, как закрыть Pop-Up при клике на кнопку или ссылку внутри самого Pop-Up окна.

  1. Необходимо задать класс для элемента при клике на который будет закрываться окно. Это может быть кнопка, или просто ссылка в текстовом виджете.
  2. Перетащить виджет HTML — код для вставки следующего кода:

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

Переделка на Elementor сайта для приема заявок на производство мебели

  Автор:
  321

Рекламный ролик для услуг по переделки старого сайта на новый с помощью Elementor Pro

Элемент переделки на Elementor сайта для приема заявок на производство мебели:

Вы можете заказать перенос сайта со старого на новый сайт на WordPress прямо сейчас на сайте технической поддержки и обслуживание сайтов на WordPress: https://wpplaza.ru
Читать далее »

Перенос старого самописного сайта на современный сайт на WordPress и Elementor с сохранением старого внешнего вида и контента

  Автор:
  502
Перенос старого самописного сайта на WordPress

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

00:00 В чем основные недостатки старых самописных сайтов созданных несколько лет назад.
02:15 Как задачи необходимо было выполнить при переносе самописного сайта на сайт на WordPress.
02:52 В чем заключалась сложность переделки старого самописного сайта на новый сайт на WordPress.
03:31 Что было сделано при переносе старого сайта, чтобы шапка и футер были адаптивными для мобильных версий нового сайта.
03:38 Почему нужно было заменить графические картинки на старом сайте на кнопки с текстом на новом.
04:31 На каком элементе старого сайта труднее всего было добиться правильного отображения в мобильной версии нового сайта.
05:39 Как с помощью Elementor Pro, пошагово, воссоздать точную копию шапки старого самописного сайта на новом сайте на WordPress.
08:50 Что было сделано с шапкой на новом сайте для ее правильного отображение на телефоне.
10:25 Что было сделано с шапкой на новом сайте для ее правильного отображение на планшете.
10:57 Как с помощью Elementor Pro, пошагово, воссоздать точную копию футера старого самописного сайта на новом сайте на WordPress.
12:00 Как с помощью Elementor Pro, пошагово, воссоздать точную копию категорий старого самописного сайта на новом сайте на WordPress. В чем была сложность.
14:13 Как с помощью Elementor Pro, пошагово, создать шаблон страницы архива:
— для категорий,
— для категории «Главная»,
— для категории «Статьи».
16:05 В чем была сложность создания шаблонов страниц архивов, и какие были сделаны доработки в коде нового сайта.
17:26 Каким способом вставить свой код на сайт WordPress, чтобы при обновлении этот код не стирался.
21:51 Как в Elementor прикреплять шаблоны созданных нами страниц архивов, чтобы они отображались только в нужном нам месте сайта.
23:52 Чем отличается шаблон страницы архива статей от шаблона страницы архива «Главная». Ньюансы.
30:38 Каким способом были перенесены и отредактированы все тексты статей старого самописного 10-летнего сайта на новый сайт на WordPress. На что стоит обратить внимание при переносе текста.
32:12 Сколько времени ушло на всю работу по переносу сайта, и на что ушло больше всего времени.
Читать далее »

Cписок 33 видео уроков по работе с Elementor Free

  Автор:
  Комментарии к записи Cписок 33 видео уроков по работе с Elementor Free отключены
  53

Ниже представлен список 33 видео уроков по работе с бесплатным плагином Elementor Free из 120 видео уроков полноценного видео курса «Elementor — конструктор лэндингов на WordPress».

Вы найдете в интернете много курсов по Elementor, но этот мой видео курс уникален тем, что я даю практический материал  по практическому применению плагинов Elementor Free и Elementor Pro. Это не просто рассказ о виджетах Elementor, и что они могут — это подробное, шаг за шагом, со всеми нюансами, руководство по использования этих виджетов и практическое их применение.

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

Чему вы научитесь:

  • Вы научитесь использовать все возможности бесплатного плагина Elementor для быстрого и красивого создания страниц и лендингов, без опыта программирования.
  • Вы шаг за шагом, с нуля, выполните установку бесплатного плагина Elementor на свой сайт. Узнаете все тонкости особенности его главных модулей.
  • В процессе пошагового создания страниц Вы научитесь работать с готовыми шаблонами бесплатного плагина Elementor, секциями, виджетами, шрифтами и цветом.
  • Вы пройдете путь от новичка до профессионала по применению бесплатного плагина Elementor с целью создания страниц и лендингов сайта на WordPress себе и/или «на заказ под ключ».

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

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

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

№4. Elementor Free | Обзор настроек редактора Elementor.

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

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

№7. Elementor Free | Настройка шрифта и цвета редактора Elementor. Типовые ошибки.

№8. Elementor Free | Как работать с «Пипеткой цвета» редактора Elementor.

№9. Elementor Free | Как узнать какие шрифты, встроенные в Elementor, работают с кириллицей.

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

№11. Elementor Free | Секция с фиксированным фоновым изображением для страницы «Главная».

№12. Elementor Free | Секция «Три колонки с иконками и текстом» для страницы «Главная» сайта на WordPress.

№13. Elementor Free | Cекция «Об авторе, с картинкой и текстом» для страницы «Главная» сайта на WordPress.

№14. Elementor Free | Cекция «Достижения, с анимационными счетчиками» для страницы «Главная» сайта на WordPress.

№15. Elementor Free | Cекция «Как убрать отступы вокруг картинки» для страницы «Главная» сайта на WordPress.

№16. Elementor Free | Секция «Портфолио — галерея» для страницы «Главная» сайта на WordPress.

№17. Elementor Free | Секция «Вопросы — ответы» для страницы «Главная» сайта на WordPress.

№18. Elementor Free | Секция «Наши партнеры» для страницы «Главная» сайта на WordPress.

№19. Elementor Free | Секция с видеофоном для страницы «Об авторе» сайта на WordPress.

№20. Elementor Free | Секция «Об авторе, с картинкой и текстом» для страницы «Об авторе» сайта на WordPress.

№21. Elementor Free | Секция «Достижения, с анимационными счетчиками и иконками» для страницы «Об авторе» сайта на WordPress.

№22. Elementor Free | Секция «Достижения, с картинкой и анимационным прогрессом» для страницы «Об авторе» сайта на WordPress.

№23. Elementor Free | Секция «Текст с фоновым изображением» для страницы «Контакты» сайта на WordPress.

№24. Elementor Free | Секция «Две колонки, с контактной информацией и формой обратной связи» для страницы «Контакты» сайта на WordPress.

№25. Elementor Free | Секция «Карта Google и Карта Yandex» для страницы «Контакты» сайта на WordPress.

№26. Elementor Free | Секция с фоновыми слайдами и заголовком для страницы «Услуги» сайта на WordPress.

№27. Elementor Free | Секция «Услуги» для страницы «Услуги» сайта на WordPress.

№28. Elementor Free | Секция «Наши преимущества» для страницы «Услуги» сайта на WordPress.

№29. Elementor Free | Секция «Наши курсы» для страницы «Услуги» сайта на WordPress.

№30. Elementor Free | Секция «Что Вы получите» для страницы «Услуги» сайта на WordPress.

№31. Elementor Free | Секция «Частые вопросы» для страницы «Услуги» сайта на WordPress.

№32. Elementor Free | Секция «Отзывы клиентов» для страницы «Услуги» сайта на WordPress.

№33. Elementor Free | Секция «Форма подписки» для страницы «Услуги» сайта на WordPress.

ХОТИТЕ видео уроки также И ПО ELEMENTO PRO?

Приобретайте также мой расширенный полноценный видео курс «ELEMENTOR — конструктор лендингов на WordPress». Помимо детальных конкретных видео уроков курса Вы получите ELEMENTOR PRO В ПОДАРОК с лицензией на 1 год, а также наши консультации.

В итоге вместе со мной пройдя этот пошаговый видео курс:

  1. Вы станете уверенным пользователем Elementor и Elementor Pro,
  2. Вы создадите себе красивый сайт на WordPress с профессиональным дизайном без знаний программирования,
  3. Вы сможете создавать сайты на WordPress  «на заказ» и зарабатывать в интернете.

Для детального ознакомления с содержанием видео курса переходите по этой ссылке или нажмите на картинку:

Elementor - конструктор страниц и лэндингов для сайтов на WordPress

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

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

33. Elementor Free | Секция «Форма подписки» для страницы «Услуги» сайта на WordPress.

  Автор:
  Комментарии к записи 33. Elementor Free | Секция «Форма подписки» для страницы «Услуги» сайта на WordPress. отключены
  511
Elementor Free | Секция "Форма подписки"

На этом пошаговом видео уроке мы завершаем создавать страницу «Услуги» для сайта на WordPress с помощью бесплатной версии Elementor. В прошлом видео уроке мы создали  секцию «Отзывы клиентов» для страницы «Услуги».

В этом видео уроке Вы узнаете как создать секцию «Форма подписки» для страницы «Услуги» сайта на WordPress. Читать далее »