Курс по WordPress с нуля до результата. Создание сайтов без кода
Подробнее
Что нужно для старта
- Никаких дополнительных требований или знаний не нужно.
- Работающий компьютер и желание узнавать новое.
Что вы получите
- Создавать сайты на WordPress с любым дизайном
- Создавать сайты на WordPress, используя сторонние шаблоны
- Научитесь изменять любые стили темы сайта на WordPress
- Научитесь работать в no-code платформе Elementor
- Изучите все возможности WordPress
- Сможете создать интернет-магазин
- Научитесь подключать оплату в рублях и криптовалюте
- Научитесь создавать блок с комментариями
- Узнаете, как адаптировать сайт под любое устройство
- Научитесь продвигать ваш сайт в поиске Google/Yandex
- Узнаете основы SEO
- Поймёте, как создавать основные анимации на сайте
- Научитесь приобретать домен, хостинг и настраивать WordPress
- Узнаете, как оптимизировать ваш сайт, чтобы он работал быстрее
- Научитесь создавать собственные шаблоны для сайта
- Сможете создать сайт любой сложности на WordPress
- Узнаете, как использовать собственные CSS-стили в WordPress
Для кого этот курс
- Для тех, кто хочет научиться создавать сайты с нуля
- Для начинающих разработчиков
- Для разработчиков, которые хотят расширить свой стек навыков
- Для веб-дизайнеров, которые хотят воплощать свои дизайны в готовые сайты
Программа курса
- Приветствую на курсе!
- Скачиваем материалы
- Устанавливаем WordPress на хостинг
- Оставайтесь со мной на связи
- Основные настройки WordPress
- Как работают темы в WP
- Как установить Elementor
- Создаем первые элементы в Elementor
- Как работает блочная модель CSS
- Как создавать отступы между элементами
- Как работать с цветом
- Единицы измерения в веб-разработке
- Как работать с изображениями
- Как работает абсолютное позиционирование
- Как настраивать типографику
- Как загружать пользовательские шрифты
- Как работают контейнеры
- ПРАКТИКА Сверстайте первую секцию сайта
- Как работают переменные
- Обзор тарифов Elementor Pro
- Как работают CSS-классы
- Создаем независимые CSS классы
- Как назначить несколько классов элементу
- Как создавать резервные копии сайта
- Что такое семантические теги
- Создаем следующую секцию сайта
- Как использовать пользовательский CSS-код
- Как работают эффекты
- Классические виджеты Elementor
- Переменные цветов и типографики в Elementor 3
- Остальные настройки Elementor 3
- Как создать навигационное меню
- Как работает CSS Grid
- Стоковые площадки
- ПРАКТИКА — Сверстайте сайт
- Верстаем сайт. Часть 1
- Верстаем сайт. Часть 2
- Верстаем сайт. Часть 3
- Верстаем сайт. Часть 4
- Как создавать якорные ссылки
- Состояния Hover, Active, Focus
- Анимации движения и появления
- Анимации с помощью виджетов и плагинов
- Что такое брейкпоинты
- Как менять шрифт на разных брейкпоинтах
- Своя система брейкпоинтов
- Как адаптировать пользовательский CSS-код
- Как скрыть элемент на мобильном устройстве
- Как адаптировать CSS Grid
- Адаптируем планшетную версию
- Адаптируем мобильную версию
- Как работают формы
- Как создать Popup
- Как работает Theme Builder
- Как работает шаблон записи
- Как отображать контент записи
- Создаем аватар автора
- Как создавать динамические карточки
- Как работают категории и теги
- Как работают архивы
- Как работают динамические теги
- Как назначить страницу для блога
- Архивы по дате и автору
- Устанавливаем Woocomerce
- Как создать единичный товар
- Что такое вариативный товар
- ПРАКТИКА. Создаете 2 товара
- Что такое Up Sale и Cross Sale
- Какие основные страницы магазина
- Как создавать купоны
- Стилизация страниц заказа и кассы
- Стилизация страницы магазина и товара
- Как создать возможность регистрации пользователя
- Как подключить recaptcha
- Подводим итог
- Добавление товара в корзину по ссылке
- Как подключить оплату за рубли
- Как подключить оплату криптовалютой
- Демо контент темы
- Тема из интернета
- Как использовать шаблоны
- Первичная настройка YAST SEO
- SEO Заголовок и описание
- Заголовок h1
- 404 / alt / индексакция страниц
- Google search & Yandex Master
- Оптимизация сайта
- Свой CSS код
- Обзор Elementor Pro
- Динамические теги
- Виджет HTML
- Как работает AI в Elementor
- Как работают компоненты
- Подводим итог.
- Получите свой сертификат
01Введение
- Приветствую на курсе!
- Скачиваем материалы
- Устанавливаем WordPress на хостинг
- Оставайтесь со мной на связи
02Знакомство с WordPress
- Основные настройки WordPress
- Как работают темы в WP
03Знакомство с Elementor
- Как установить Elementor
- Создаем первые элементы в Elementor
- Как работает блочная модель CSS
- Как создавать отступы между элементами
- Как работать с цветом
- Единицы измерения в веб-разработке
- Как работать с изображениями
- Как работает абсолютное позиционирование
- Как настраивать типографику
- Как загружать пользовательские шрифты
- Как работают контейнеры
- ПРАКТИКА Сверстайте первую секцию сайта
04Переменные и классы
- Как работают переменные
- Обзор тарифов Elementor Pro
- Как работают CSS-классы
- Создаем независимые CSS классы
- Как назначить несколько классов элементу
05Углубление в Elementor
- Как создавать резервные копии сайта
- Что такое семантические теги
- Создаем следующую секцию сайта
- Как использовать пользовательский CSS-код
- Как работают эффекты
- Классические виджеты Elementor
- Переменные цветов и типографики в Elementor 3
- Остальные настройки Elementor 3
- Как создать навигационное меню
- Как работает CSS Grid
06ПРАКТИКА. Верстка сайта
- Стоковые площадки
- ПРАКТИКА — Сверстайте сайт
- Верстаем сайт. Часть 1
- Верстаем сайт. Часть 2
- Верстаем сайт. Часть 3
- Верстаем сайт. Часть 4
07Анимации
- Как создавать якорные ссылки
- Состояния Hover, Active, Focus
- Анимации движения и появления
- Анимации с помощью виджетов и плагинов
08Адаптивный дизайн
- Что такое брейкпоинты
- Как менять шрифт на разных брейкпоинтах
- Своя система брейкпоинтов
- Как адаптировать пользовательский CSS-код
- Как скрыть элемент на мобильном устройстве
- Как адаптировать CSS Grid
- Адаптируем планшетную версию
- Адаптируем мобильную версию
09Формы и Попапы
- Как работают формы
- Как создать Popup
10Theme builder
- Как работает Theme Builder
- Как работает шаблон записи
- Как отображать контент записи
- Создаем аватар автора
- Как создавать динамические карточки
- Как работают категории и теги
- Как работают архивы
- Как работают динамические теги
- Как назначить страницу для блога
- Архивы по дате и автору
11Интернет магазин
- Устанавливаем Woocomerce
- Как создать единичный товар
- Что такое вариативный товар
- ПРАКТИКА. Создаете 2 товара
- Что такое Up Sale и Cross Sale
- Какие основные страницы магазина
- Как создавать купоны
- Стилизация страниц заказа и кассы
- Стилизация страницы магазина и товара
- Как создать возможность регистрации пользователя
- Как подключить recaptcha
- Подводим итог
- Добавление товара в корзину по ссылке
- Как подключить оплату за рубли
- Как подключить оплату криптовалютой
12Готовый сайт из шаблонов
- Демо контент темы
- Тема из интернета
- Как использовать шаблоны
13SEO
- Первичная настройка YAST SEO
- SEO Заголовок и описание
- Заголовок h1
- 404 / alt / индексакция страниц
- Google search & Yandex Master
- Оптимизация сайта
14Свой код и ElementorPro
- Свой CSS код
- Обзор Elementor Pro
- Динамические теги
- Виджет HTML
- Как работает AI в Elementor
- Как работают компоненты
15До новых встреч!
- Подводим итог.
- Получите свой сертификат
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Курс по WordPress с нуля до результата. Создание сайтов без кода» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 3 сентября 2026 г.

Stepik 




















