Чему вы научитесь
-
Вы научитесь использовать все возможности Elementor для быстрого и красивого создания страниц и лендингов, без опыта программирования.
-
Вы шаг за шагом, с нуля, выполните установку плагина Elementor на свой сайт. Узнаете все тонкости особенности его главных модулей.
-
В процессе пошагового создания страниц Вы научитесь работать с готовыми шаблонами Elementor, секциями, виджетами, шрифтами и цветом.
-
Вы научитесь быстро и красиво создавать шапку, основную часть и футер для своего сайта на Wordpress с помощью Elementor и Elementor Pro.
-
Вы пройдете путь от новичка до профессионала по применению Elementor с целью создания сайта на WordPress себе и на заказ "под ключ".
Требования
-
Для этого курса требуется свой сайт на WordPress, бесплатный плагин Elementor и платный Elementor Pro.
Описание
Добро пожаловать на мой курс "Elementor - от новичка до профи".
На этом курсе Вы научитесь создавать сайты на WordPress с помощью плагина Elementor, не изучая программирования и сложные специальные веб-технологии.
Меня зовут Анфиса Бреус. Я специалист по WordPress, и я проведу Вас шаг за шагом в этом курсе.
Я практик и создаю сайта на WordPress с 2010 года. Я создаю сайты различных тематик и за это время я создала более 500 сайтов: каталоги, визитки, интернет - магазины, лендинги, блоги.
Я знаю все аспекты создания сайтов на WordPress и обучаю этому других. Более 4500 учеников прошли мои курсы и создали сайты для себя, или создают сайты на заказ.
С появлением плагина Elementor создание сайтов на WordPress вышло на новый уровень, и дает возможность, как новичкам так и профи создавать действительно классные сайты.
Вы найдете много курсов по Elementor, но мой курс уникален тем, что я даю практический материал, практической применение этого плагина. Это не просто рассказ о виджетах Elementor и о том, что они могут.
Мой курс - это подробное, шаг за шагом, руководство по использованию этих виджетов и их практическом применение при создании своего сайта на WordPress. На курсе мы вместе, страница за страницей, создадим полноценный сайт.
В итоге, пройдя этот курс, Вы будут иметь сайт, станете уверенным пользователям Elementor, и сможете создавать сайты для себя, для своих друзей, или на заказ.
Курс состоит из 25 разделов. Каждый раздел этот создание отдельной страницы сайта. Например: Главная входная страница, услуги, или контакты ...
Мы , создавая страницы, будем использовать необходимые виджеты Elementor. И так, шаг за шагом, мы изучим все бесплатные виджеты Elementor.
Затем мы перейдём к платным виджетам, и улучшим уже созданные страницы платными классными виджетами и инструментами.
Например, на страницу "Услуги" мы добавим таблицу цен. А на страницу "Контакты" мы добавим простую или пошаговую форму обратной связи.
А, в конце, мы добавим на сайт немного динамичности и wow - эффектов, анимацию и эффекты движения, а также создадим PopUp окна.
Присоединяйтесь к курсу "Elementor -от новичка до профи", и на практике изучите плагин Elementor для создания сайтов для себя или на заказ.
Полное содержание детального пошагового курса по создания своего сайта на WordPress:
Модуль 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