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 с формой подписки страницы «Приглашение на вебинар»
• Шаблон страницы «Спасибо за подписку на вебинар»
• Шаблон страницы «Лэндинг для продажи товаров и услуг»