Elementor - от новичка до профи

Описание

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

Автор создаёт сайты на WordPress с 2010 года различных тематик

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

Пройдя этот курс Вы станете уверенным пользователям Elementor, и сможете создавать сайты для себя, для своих друзей, или на заказ. Видеоуроки научат вас использовать как бесплатную версию так и платную (Elementor Pro).

Никакая страница сайта не останется без вашего внимания. Например, на страницу "Услуги" вы добавите таблицу цен. А на страницу "Контакты" простую или пошаговую форму обратной связи. После сделаем на сайте немного динамичности и WOW - эффектов, анимацию и эффекты движения, а также создадим PopUp окна.

Содержание видеокурса

Модуль 1 - Установка бесплатной версии Elementor

• Подготовка сайта на Wordpress для установки Elementor
• Установка и основная настройка Elementor

Модуль 2 - знакомство с Elementor

• Особенности входа в редактор
• Обзор настроек редактора
• Работа с секциями
• Работа с готовыми шаблонами

Модуль 3 - Глобальная настройка Elementor

• Настройка шрифта и цвета. Типовые ошибки.
• Как работать с "Питеткой цвета" редактора Elementor
• Как узнать какие шрифты, встроенные в Elementor, работают с кириллицей

Модуль 4 - Страница заглушки

• Как создать страницу "Сайт в разработке"

Модуль 5 - Страница "Главная входная"

• Секция "Шапка, с фиксированным фоновым изображением"
• Секция "Три колонки, с иконками и текстом"
• Секция "Об авторе, с картинкой и текстом"
• Секция "Достижения, с анимационными счетчиками"
• Секция "Об авторе". Как убрать отступы вокруг картинки.
• Секция "Портфолио - галерея"
• Секция "Вопросы - ответы"
• Секция "Наши партнеры"

Модуль 6 - Страница "Об авторе"

• Секция "Шапка с видеофоном"
• Секция "Об авторе, с картинкой и текстом". Экспорт и импорт секций.
• Секция "Достижения, с анимационными счетчиками и иконками"
• Секция "Достижения, с картинкой и анимационным прогрессом"

Модуль 7 - Страница "Контакты"

• Секция "Текст с фоновым изображением"
• Секция "Две колонки, с контактной информацией и формой обратной связи"
• Секция "Карта Google". Секция "Карта Yandex"

Модуль 8 - Страница "Услуги"

• Секция "Шапка с фоновыми слайдами и заголовком"
• Секция "Услуги"
• Секция "Наши преимущества"
• Секция "Наши курсы"
• Секция "Что Вы получите"
• Секция "Частые вопросы"
• Секция "Отзывы клиентов"
• Секция "Форма подписки"

Модуль 9 - Установка платной версии плагина Elementor Pro

• Установка Elementor Pro
• Перевод Elementor Pro на русский язык и другие языки мира

Модуль 10 - PRO | Страница "Главная входная"

• Секция Pro "Шапка со слайдером"
• Секция Pro "Анимированный заголовок . Вариант 1."
• Секция Pro "Услуги на флип-бокс"
• Секция Pro "Об авторе с анимационным заголовком. Вариант 2."
• Секция Pro "Портфолио - галерея одиночная"
• Секция Pro "Портфолио - галерея множественная"
• Секция Pro "Вопросы - ответы с медиа каруселью (стиль: Карусель)".
• Секция Pro "Вопросы - ответы с медиа каруселью (стили: Слайдшоу и Медиатека)".

Модуль 11 - PRO | Вывод постов для страниц "Главная входная" и "Блог"

• Секция Pro "Записи. Макет обложки: Карточки."
• Секция Pro "Записи. Макет обложки: Классика."
• Секция Pro "Записи. Макет обложки: Классика. Мобильная и планшетная версия"
• Как установить "Главной" страницу "Входная", а страницу "Блог" страницей записей

Модуль 12 - PRO | Простая форма обратной связи

• Секция Pro "Простая форма обратной связи"
• Как сделать перенаправление на страницу "Спасибо" или на лендинг
• Как персонализировать страницу "Спасибо"

Модуль 13 - PRO | Пошаговая форма обратной связи

• Секция Pro "Пошаговая форма - заявка на консультацию"

Модуль 14 - PRO | Защита формы обратной связи от спама

• Как защитить форму обратной связи от спама без капчи спам - ловушкой
• Как защитить форму обратной связи от спама «невидимой» Google reCAPTCHA V3
• Как изменить внешний вид полей формы обратной связи

Модуль 15 - PRO | PopUp с формой обратной связи

• Как сделать PopUp с информацией после отправки сообщения с формы обратной связи
• Как передать скрытую информацию в форму заявки после перехода с другой страницы
• Как добавить произвольный текст и/или картинку между полями формы

Модуль 16 - PRO | Шрифт и иконки

• Как добавить пользовательский шрифт
• Как добавить пользовательские иконки

Модуль 17 - PRO | Счетчики обратной связи

• Как сделать копию страницы, которая уже есть
• Как на страницу добавить счетчик обратного отсчета на определённую дату и время
• Как на страницу добавить вечно зеленый счетчик обратного отсчета

Модуль 18 - PRO | Отзывы

• Как разместить на странице несколько отзывов в виде карусели
• Как разместить на странице один отзыв на зафиксированном фоне страницы
• Как разместить на странице несколько отзывов - рецензий в виде карусели
• В чем разница между виджетами отзывов: "Отзывы", "Карусель отзывов" и "Рецензии"

Модуль 19 - PRO | Призыв к действию

• Как настроить виджет "Призыв к действию". Вариант №1
• Как настроить виджет "Призыв к действию". Вариант №2

Модуль 20 - PRO | Таблица цен

• Как настроить "Таблицу цен". Вариант №1.
• Как настроить "Таблицу цен". Вариант №2.
• Как к кнопке таблицы цен добавить ссылку на товар (курс, услугу)
• Как настроить автоматическое перенаправление с таблицы цен в корзину для оплаты
• Как к кнопке таблицы цен добавить ссылку на вариативный товар (курс, услугу)
• Как к кнопке таблицы цен добавить шорткод на вариативный товар (курс, услугу)
• Как в таблицу цен добавить шорткод кнопки "Добавить в корзину"
• Как создать таблицу цен без специального виджета "Таблица цен"
• Как установить в таблицу цен кнопку "PayPal" для оплаты через PayPal

Модуль 21 - PRO | Глобальный виджет

• Как создавать глобальные виджеты, и как с ними работать

Модуль 22 - PRO | PopUp (Всплывающее окно)

• Как создать шаблон PopUp (вплывающие окно)
• Как сделать PopUp окно, которое будет появляться при клике на кнопку
• Как сделать, чтобы после нажатии кнопки "Отправить", PopUp закрылся
• Варианты настройки условий и триггеров появления PopUp окна
• Как сделать PopUp окно со статьёй блога всплывающее внизу сайта

Модуль 23 - PRO | Шаблоны страниц и архивов

• Полный обзор шаблонов, которые можно создавать с помощью Elementor
• Как создать и использовать шаблон для страницы "Одиночная"
• Как создать и использовать шаблон для страницы "Одиночная запись"
• Как создать и использовать шаблон Архива
• Как к архивной странице добавить боковую колонку . Вариант №1
• Как к архивной странице добавить боковую колонку . Вариант №2
• Как создать шаблон архива для "Результатов поиска"
• Как создать шаблон для страницы "Не найдено" - "Ошибка 404"

Модуль 24 - PRO |  Видео плейлист

Как создать и оформить видео плейлист

Модуль 25 - PRO | WOW - Эффекты

• Как сделать, чтобы картинка или видео в слайдере, при наведении мышки, двигалась
• Как создать фиксированное "липкое" меню в верху сайта
• Как сделать, чтобы картинки, при наведении мышки, "заплясали"
• Как сделать, чтобы картинки, при наведении мышки, двигались в разном направлении
• Как сделать, чтобы картинка, при скроллинге сайта, оставалась на одном месте
• Как сделать, чтобы картинка, при скроллинге сайта, "оживала"
• Как сделать, чтобы картинки, при скроллинге сайта, двигались и вращались
• Как сделать, чтобы текст, при скроллинге, выходил за пределы фона и менял цвет
• Как расположить текст по контуру, чтобы при прокрутке двигался по кругу контуру
• Как расположить изображение или видео внутри произвольной фигуры
• Как сделать фон с градиентом справа и слева от картинки в тон фона картинки
• Как поменять местами колонки в шапке для отображения в мобильной версии сайта
• Как сделать реверс колонок на лэндинге для отображения в мобильной версии сайта
• Как сделать, чтобы при клике на изображение появлялось всплывающее окно с видео
• Как создать стильную рекламную секцию
• Как размещать подсказки ("горячие точки") на изображении

Модуль 26 - PRO | Интернет-магазин на WooCommerce

• Как создать страницу с витриной товаров интернет-магазина на WooCommerce