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

Официальный сайт компании  разработчиков Elementor:  https://elementor.com/

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

УСТАНОВКА ELEMENTOR FREE

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

FREE | ЗНАКОМСТВО С ELEMENTOR

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

FREE | ГЛОБАЛЬНАЯ НАСТРОЙКА

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

FREE | СТРАНИЦА «ЗАГЛУШКА»

• Страница “Сайт в разработке”

FREE | СТРАНИЦА «ВХОДНАЯ»

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

FREE | СТРАНИЦА «ОБ АВТОРЕ»

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

FREE | СТРАНИЦА «КОНТАКТЫ»

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

FREE | СТРАНИЦА «УСЛУГИ»

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

УСТАНОВКА ELEMENTOR PRO

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

PRO | СТРАНИЦА «ВХОДНАЯ»

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

PRO | ВЫВОД СТАТЕЙ ДЛЯ СТРАНИЦ «ВХОДНАЯ» И «БЛОГ»

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

PRO | ФОРМА ОБРАТНОЙ СВЯЗИ «КОНТАКТЫ»

• Секция “Простая форма обратной связи”
• Как сделать перенаправление на страницу “Спасибо” или на лендинг, после заполнения формы обратной связи
• Как персонализировать страницу “Спасибо”
• Секция “Пошаговая форма — заявка на консультацию”
• Как защитить форму обратной связи от спама без капчи спам – ловушкой
• Как защитить форму обратной связи от спама «невидимой» Google reCAPTCHA V3
• Как изменить внешний вид полей формы обратной связи
• Как сделать всплывающее окно с информацией после отправки сообщения с формы обратной связи
• Как передать скрытую информацию в форму заявки после перехода с другой страницы сайта
• Как добавить произвольный текст и/или картинку между полями формы

PRO | ШРИФТ И ИКОНКИ

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

PRO | СЧЕТЧИКИ ОБРАТНОГО ОТСЧЕТА

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

PRO | ОТЗЫВЫ

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

PRO | ПРИЗЫВ К ДЕЙСТВИЮ

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

PRO | ТАБЛИЦА ЦЕН

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

PRO | ГЛОБАЛЬНЫЙ ВИДЖЕТ

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

PRO | POPUP (ВСПЛЫВАЮЩЕЕ ОКНО)

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

PRO | ШАБЛОНЫ СТРАНИЦ И АРХИВОВ

• Полный обзор шаблонов, которые можно создавать с помощью Elementor
• Как создать и использовать шаблон для страницы “Одиночная”
• Как создать и использовать шаблон для страницы “Одиночная запись”
• Как к одиночной записи добавить боковую колонку
• Как создать и использовать шаблон Архива
• Как к архивной странице добавить боковую колонку
• Как создать шаблон архива для “Результатов поиска”
• Как создать шаблон для страницы “Не найдено” – “Ошибка 404”

PRO | ВИДЕО

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

PRO | WOW – ЭФФЕКТЫ

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

PRO | РАЗНОЕ ПО ПРОСЬБАМ

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

PRO | HEADER и FOOTER

• Как создать Header (шапку) с логотипом и меню, с контактными данными и кнопками соцсетей
• Как создать Footer (подвал) с Copyright, датой, названием сайта, меню и виджетами

PRO | СТРАНИЦЫ ИНТЕРНЕТ-МАГАЗИНА НА WOOCOMMERCE

• Как создать шаблон страницы «Каталог товаров» интернет-магазина WooCommerce
• Как создать шаблон страницы «Карточка товара» интернет-магазина WooCommerce
• Как разместить кнопки «Личный кабинет» и «Корзина» в шапке интернет-магазина WooCommerce
• Как создать шаблон страницы «Корзина» интернет-магазина WooCommerce
• Как создать шаблон страницы «Оформление заказа» интернет-магазина WooCommerce
• Как создать шаблон страницы «Личный кабинет» интернет-магазина WooCommerce

БОНУС | ШАБЛОНЫ МАРКЕТИНГОВОЙ ВОРОНКИ

• Шаблон страницы “Приглашение на вебинар”
• Шаблон POPUP с формой подписки страницы “Приглашение на вебинар”
• Шаблон страницы “Спасибо за подписку на вебинар”
• Шаблон страницы “Лэндинг для продажи товаров и услуг”