Список занятий
01. Основы верстки на Eleementor
Изучите 23 самых важных модуля в Eementor
- Правильное позиционирование элементов
- Создание и редактирование: текста, изображений, фонов.
- Создание слайдов, видео, галерей, вкладок, аккордеонов, иконок
- Добавление произвольного CSS стиля
02. Продвинутый уровень верстки
+ изучите 17 профессиональных модулей Elementor Pro и 7 важных сторонних плагинов
- Фишки, которые позволяют ускорить верстку
- Верстка сложных слайдов
- Верстка сложных вкладок
- Всплывающие подсказки
- CSS шаблоны стилей
- Использование шаблонов
- Использование отрицательных отступов
- Абсолютное позиционирование элементов
03. Квиз, Лид-магниты
Научитесь делать 12 вариантов полей квиза с интерактивом и получите 2 шаблона лид-магнита
- Создание квиза в Elementor Pro
- Произвольный дизайн полей
- Выбор картинки, ввод текста, загрузка файла, выбор ответа и др.
- Отключение лишних элементов плагина
- Условная логика
- Переключение вопросов квиза на свою кнопку или любой другой элемент
- Создание слайдера диапазона, вывод значения слайдера в инпут
- Создание лид-магнита за 10 минут по шаблону
04. Всплывающие окна (Popups)
Создадите модальные окна с WOW эффектом и получите 5 универсальных Popup-шаблонов
- Создание popup-окон в Elementor Pro
- Создание popup-окон в Jet Popups
- Подключение попап окон к кнопке, тексту, картинке и пр.
- Загрузка контента в Ajax
- Создание динамических popup-онок
- Открытие popop-окна по сценарию (при попытке уйти с сайта, через время, в конкретное время, при скроле страницы и пр.)
05. Формы (простые и сложные)
Научитесь создавать формы и калькуляторы с условной логикой
- Создание форм в Elementor Pro
- Создание форм плагинами Piotnet и Jet Form
- Условная логика в формах (открытие полей по сценарию)
- Отправка заявок в Telegram, Whatsapp.
- Создание калькулятора
- Маска для ввода телефона
06. Анимации в Eementor
Получите 7 самых популярных анимаций подходящих для любого сайта
- Анимация вращения
- Анимация зацикленного движения
- Паралакс эффект по скролу и движению мышки
- Анимация пульсации
- Плавная анимация появления
- Блик на кнопке
- Добавление JSON анимации с сервиса Lottie
07. Динамические сайты
Узнаете 2 лучших способа как редактировать сайт в Elementor через админ-панель WordPress
- Создание произвольных полей (заказчик сможет редактировать сайт в админ-панели)
- Создание произвольных типов записей (отзывы, услуги, товары, портфолио) и редактирование через админ панель
- Создание шаблонов страниц с динамическим контентом
- Открытие динамического контента в Popup-окнах
- Отправка динамического контента в в заявках
08. Адаптивные и резиновые сайты
Покажу как делать резиновые сайты и аккуратную мобильную адаптацию (Mobile Friendly)
- Адаптация для смартфонов
- Адаптация для планшетов
- Произвольная адаптация с помощью CSS медиа-запросов
- Верстка резиновых сайтов в единицах VW
09. Ускорение сайта на Elementor
Узнаете как ускорить сайт в 3 раза
- Кэширование сайта
- Оптимизация HTML, CSS и JS файлов
- Постепенная загрузка изображений (Lozy load)
- Конвертация изображений в формат Webp
- Перезагрузка страниц сайта
- Максимальная оптимизация изображений
- Оптимизация и чистка базы данных
- Отключение лишнего функционала WordPress и плагинов
- Проверка сайта в GTMetrix
10. SEO оптимизация сайта
Настроите SEO для ускоренного попадания в ТОП-10 поисковиков Яндекс и Google
- Настройка плагина Yoast SEO и Rank Math
- Автоматическое создание alt, title, description и др.
- Создание файлов robots.txt и sitemap.xml
- Вывод произвольных полей в SEO теги
- Добавление сайта в Яндекс Вебмастер и Google Search Console
- Автоматическое создание Яндекс турбо-страниц
- Автоматическое создание Google AMR страниц
- Подключение Яндекс Дзен
