Контент на сайте активно дополняется каждый день! Пожалуйста, поддержите нас Премиум - подпиской! Скрыть

Меню

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

Теперь Вы сможете создать и профессионально оформить любые страницы своего сайта на WordPress легко и быстро

Добавить отзыв

172

Elementor - от новичка до профи Премиум

109 урока(ов)

21:35:15

Русский

2022

Udemy

Премиум

От 4.99$

    Данный курс

  • 5.99 $

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

  • Вы научитесь использовать все возможности Elementor для быстрого и красивого создания страниц и лендингов, без опыта программирования.
  • Вы шаг за шагом, с нуля, выполните установку плагина Elementor на свой сайт. Узнаете все тонкости особенности его главных модулей.
  • В процессе пошагового создания страниц Вы научитесь работать с готовыми шаблонами Elementor, секциями, виджетами, шрифтами и цветом.
  • Вы научитесь быстро и красиво создавать шапку, основную часть и футер для своего сайта на Wordpress с помощью Elementor и Elementor Pro.
  • Вы пройдете путь от новичка до профессионала по применению Elementor с целью создания сайта на WordPress себе и на заказ "под ключ".

Требования

  • Для прохождения этого курса вам нужен рабочий сайт на CMS WordPress и установленный плагин Elementor (любой версии)

Кому подойдёт курс?

  • Начинающие вебмастера, создающие сайта на WordPress себе, и своим друзьям.
  • Фрилансеры выполняющие заказы по созданию сайтов на WordPress "под ключ".

Описание

На курсе "Elementor - от новичка до профи" Вы научитесь создавать сайты на WordPress с помощью плагина Elementor, не изучая программирования и сложные специальные веб-технологии.


Автор создаёт сайты на WordPress с 2010 года различных тематик


С появлением плагина Elementor создание сайтов на WordPress вышло на новый уровень, и дает возможность, как новичкам так и профи создавать действительно классные сайты.


Пройдя этот курс Вы станете уверенным пользователям Elementor, и сможете создавать сайты для себя, для своих друзей, или на заказ. Видеоуроки научат вас использовать как бесплатную версию так и платную (Elementor Pro).


Никакая страница сайта не останется без вашего внимания. Например, на страницу "Услуги" вы добавите таблицу цен. А на страницу "Контакты" простую или пошаговую форму обратной связи. После сделаем на сайте немного динамичности и WOW - эффектов, анимацию и эффекты движения, а также создадим PopUp окна.


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


Модуль 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

Метки:

Видеокурс

Это демо - урок(и)

Комментарии

Добавить отзыв

Откройте «Премиум» доступ!

Получайте новые знания в полном объеме, не ограничивайте себя :)

Подробнее

Вступай в наше сообщество!

Любому IT-нику нужны единомышленники. К тому-же в нашем чате Вы можете заказать курс, который вас интересует.