Обучение длится 26 модулей
Автор: Anfisa Breus
Уровень подготовки: начальный
Elementor - от новичка до профи

Чему вы научитесь

  • Вы научитесь использовать все возможности 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

Для кого этот курс:

Дата последнего обновления: 22 января 2023

Темы

Другие курсы

JavaScript: от теории к практике
JavaScript: от теории к практике
Автор: Мария Ажгихина
Web-технологии: практический курс CSS
Web-технологии: практический курс CSS
Автор: Мария Ажгихина
Фронтенд-разработчик
Фронтенд-разработчик
Авторы: Группа авторов
Аналитик 1С. Основные инструменты и ввод в профессию
Аналитик 1С. Основные инструменты и ввод в профессию
Автор: Василий Еремин
Введение в Rust
Введение в Rust
Автор: Максим Смирнов
RCodeLab. Большой курс по программированию на Lua в Roblox
RCodeLab. Большой курс по программированию на Lua в Roblox
Автор: Александр Бобуров
-22%
Создание и настройка Progressive Web Apps (PWA) в Ruby on Rails
Создание и настройка Progressive Web Apps (PWA) в Ruby on Rails
Автор: Владимир Долгий
Подробнее
6 900
8 900
Указатели и память С++
Указатели и память С++
Автор: Виталий Богодухов
Javascript. Часть 1
Javascript. Часть 1
Автор: Hayk Inants
Назад
Смотреть дальше