[Stepik] Курс по WordPress с нуля до результата. Создание сайтов без кода (2024)
![[Stepik] Курс по WordPress с нуля до результата. Создание сайтов без кода (2024)](/styles/image/image_topic/topic_6836c22406fac.png)
Рад представить вам курс по созданию сайтов в WordPress с нуля до результата!
Для абсолютных новичков
Этот курс для тех, кто хочет создать свой первый профессиональный сайт, не погружаясь в программирование.
Этот курс как для абсолютных новичков, так и для тех, кто уже знает основы фронтенд-разработки и хочет улучшить свой стек навыков.
Создание любых сайтов с собственным дизайном
В этом курсе мы будем создавать полностью уникальный сайт, посвящённый онлайн-школе по Python, во внутреннем no-code конструкторе Elementor.
Никаких готовых шаблонов — только создание своего уникального сайта с нуля.
Проект в портфолио
Конечно, в конце курса готовый проект вы сможете добавить к себе в портфолио веб-разработчика.
Все современные функции вашего сайта
Вы узнаете, как в несколько кликов создать любые элементы сайта, такие как табы, слайдеры, флип-боксы, попапы и многое другое.
Будьте онлайн с посетителями сайта
Вы научитесь создавать формы и получать из них данные на вашу почту.
Сайт, который выглядит отлично на любом устройстве
Конечно, разберёмся с адаптацией нашего сайта, чтобы он выглядел отлично на любом устройстве.
Основные анимации
Поговорим о готовых анимациях и создадим собственную.
Создайте свой собственный блог
В этом курсе вы научитесь создавать статьи блога, который любой посетитель сайта сможет комментировать.
На нашем сайте будет личный кабинет с регистрацией, логином и паролем.
Создайте свой собственный магазин и продавайте товары за криптовалюту
Вместе мы создадим настоящий интернет-магазин на WordPress. Научимся добавлять товары, настраивать доставку и даже разберём, как подключать онлайн-оплату в рублях и оплату в криптовалюте.
Полностью готовый сайт в несколько кликов
Конечно, мы разберёмся с тем, как создавать сайты, используя сторонние готовые шаблоны и темы, такие как те, что вы видите на экране, оформляя их в несколько кликов.
Продвижение вашего сайта в Google/Yandex
Дополнительно, мы разберёмся с основными настройками SEO сайта и тем, как продвигаться на первые строчки поиска Яндекс и Google.
Закроем технические особенности WP
В курсе мы разберём все технические настройки WordPress — от установки на ваш сайт до минимизации и оптимизации работы WordPress.
Никаких доплат за WP
В отличие от других CMS и конструкторов сайтов, разработка на WordPress бесплатна. Вам не нужно будет оформлять ежемесячные подписки. Всё, что вам нужно — это купить красивое имя сайта, которое стоит 100-150 рублей, и, конечно, как приобретать имя и устанавливать WordPress мы тоже посмотрим.
Для кого этот курс
Для тех, кто хочет научиться создавать сайты с нуля Для начинающих разработчиков Для разработчиков, которые хотят расширить свой стек навыков Для веб-дизайнеров, которые хотят воплощать свои дизайны в готовые сайты
Курс по WordPress познакомит вас со всеми инструментами для создания современного сайта с любым дизайном и полным функционалом без подписок и дополнительных трат, которые есть у других CMS и конструкторов сайтов. Быстрый старт в создании сайтов с нуля!
Чему вы научитесь
- Создавать сайты на WordPress с любым дизайном
- Создавать сайты на WordPress, используя сторонние шаблоны
- Научитесь изменять любые стили темы сайта на WordPress
- Научитесь работать в no-code платформе Elementor
- Изучите все возможности WordPress
- Сможете создать интернет-магазин
- Научитесь подключать оплату в рублях и криптовалюте
- Научитесь создавать блок с комментариями
- Узнаете, как адаптировать сайт под любое устройство
- Научитесь продвигать ваш сайт в поиске Google/Yandex
- Узнаете основы SEO
- Поймёте, как создавать основные анимации на сайте
- Научитесь приобретать домен, хостинг и настраивать WordPress
- Узнаете, как оптимизировать ваш сайт, чтобы он работал быстрее
- Научитесь создавать собственные шаблоны для сайта
- Сможете создать сайт любой сложности на WordPress
- Узнаете, как использовать собственные CSS-стили в WordPress
Программа курса
Введение
Приветствую на курсе!
Скачиваем материалы
Устанавливаем WordPress на хостинг
Знакомство с WordPress
Базовые настройки нового сайта
Как редактировать страницу
Как работают темы в WordPress
Как работают плагины в WordPress
Практика. Создайте свой сайт
Знакомство с Elementor
Как загружать плагины и темы с компьютера
Настройки Hello Theme Elementor
Создаем первые элементы в elementor
Как позиционировать элементы в контейнере
Сбрасываем стандартные стили elementor
Выравнивание элементов и внешние отступы (Margins)
Внутренние отступы + заливка фона (Padding)
Как добавлять градиент + единицы измерения VH
Изображения на сайте и их форматы.
Как работает абсолютное позиционирование элементов
Практика. Начните создавать первую секцию сайта
Стили
Создаем стили цвета. Сброс стилей elementor
Создаем стили текста и кнопок
Настройка стилей всего текста на сайте
Ограничение контента сайта и доп настройки
Как работает настройка фонового изображения
Практика. Создайте следующую секцию сайта
Настройки и ошибки
Out of memory \ тормозит elementor
Как настроить WP и сбросить стили
Как сменить пароль и кастомизировать WP
Если не обновляется новое изображение вместо старого
Углубление в Elementor
Размеры изображений и overflow hidden
Центрирование абсолютно позиционированного элемента
Как работают CSS фильтры
Библиотека иконок Elementor. Доделываем карточки
Свойства трансформирования элементов
Что такое семантические теги
Практика. Создайте следующие 2 секции сайта
Как работает grid css
Верстаем следующую секцию ч.1
Верстаем следующую секцию ч.2
Создаем навигационное меню
Анимации
Якорные ссылки
Эффекты движения
Анимации виджетами
Lottie Анимации
Адаптивный дизайн
Теория адаптивного дизайна
Создаем breakpoints
Адаптируем планшетную версию
Адаптация грид сетки
Как скрыть элемент в определённой версии сайта
Практика. Адаптируйте сайт
Адаптируем breakpoint планшет
Адаптируем мобильный breakpoint
Формы и Popup
Форма через Royal Addon
Как создать popup
Введение в шаблоны и конструктор тем
Как работают шаблоны
Как работают динамические шаблоны
Блог и конструктор тем
О чем блок
Верстаем страницу блога
Автоматическое создание карточки поста поста
Как работают категории и метки
Как сделать динамическую запись поста
Что такое архивы
Создаем архив Рубрик
Как создать динамический шаблон
Интернет Магазин
Устанавливаем Woocomerce
Как создать единичный товар
Что такое вариативный товар
Практика. Создаете 2 товара
Что такое Up Sale и Cross Sale
Какие основные страницы магазина
Как создавать купоны
Стилизация страниц заказа и кассы
Стилизация страницы магазина и товара
Как создать возможность регистрации пользователя
Как подключить recaptcha
Подводим итог
Добавление товара в корзину по ссылке
Как подключить оплату за рубли
Как подключить оплату криптовалютой
Готовый сайт из шаблонов
Демо контент темы
Тема из интернета
Как использовать шаблоны
SEO
Первичная настройка YAST SEO
SEO Заголовок и описание
Заголовок h1
404 / alt / индексакция страниц
Google search & Yandex Master
Оптимизация сайта
Свой код и ElementorPro
Свой CSS код
Обзор Elementor Pro
Динамические теги
До новых встреч!
Подводим итог.
Получите свой сертификат
Для абсолютных новичков
Этот курс для тех, кто хочет создать свой первый профессиональный сайт, не погружаясь в программирование.
Этот курс как для абсолютных новичков, так и для тех, кто уже знает основы фронтенд-разработки и хочет улучшить свой стек навыков.
Создание любых сайтов с собственным дизайном
В этом курсе мы будем создавать полностью уникальный сайт, посвящённый онлайн-школе по Python, во внутреннем no-code конструкторе Elementor.
Никаких готовых шаблонов — только создание своего уникального сайта с нуля.
Проект в портфолио
Конечно, в конце курса готовый проект вы сможете добавить к себе в портфолио веб-разработчика.
Все современные функции вашего сайта
Вы узнаете, как в несколько кликов создать любые элементы сайта, такие как табы, слайдеры, флип-боксы, попапы и многое другое.
Будьте онлайн с посетителями сайта
Вы научитесь создавать формы и получать из них данные на вашу почту.
Сайт, который выглядит отлично на любом устройстве
Конечно, разберёмся с адаптацией нашего сайта, чтобы он выглядел отлично на любом устройстве.
Основные анимации
Поговорим о готовых анимациях и создадим собственную.
Создайте свой собственный блог
В этом курсе вы научитесь создавать статьи блога, который любой посетитель сайта сможет комментировать.
На нашем сайте будет личный кабинет с регистрацией, логином и паролем.
Создайте свой собственный магазин и продавайте товары за криптовалюту
Вместе мы создадим настоящий интернет-магазин на WordPress. Научимся добавлять товары, настраивать доставку и даже разберём, как подключать онлайн-оплату в рублях и оплату в криптовалюте.
Полностью готовый сайт в несколько кликов
Конечно, мы разберёмся с тем, как создавать сайты, используя сторонние готовые шаблоны и темы, такие как те, что вы видите на экране, оформляя их в несколько кликов.
Продвижение вашего сайта в Google/Yandex
Дополнительно, мы разберёмся с основными настройками SEO сайта и тем, как продвигаться на первые строчки поиска Яндекс и Google.
Закроем технические особенности WP
В курсе мы разберём все технические настройки WordPress — от установки на ваш сайт до минимизации и оптимизации работы WordPress.
Никаких доплат за WP
В отличие от других CMS и конструкторов сайтов, разработка на WordPress бесплатна. Вам не нужно будет оформлять ежемесячные подписки. Всё, что вам нужно — это купить красивое имя сайта, которое стоит 100-150 рублей, и, конечно, как приобретать имя и устанавливать WordPress мы тоже посмотрим.
Для кого этот курс
Для тех, кто хочет научиться создавать сайты с нуля Для начинающих разработчиков Для разработчиков, которые хотят расширить свой стек навыков Для веб-дизайнеров, которые хотят воплощать свои дизайны в готовые сайты
Курс по WordPress познакомит вас со всеми инструментами для создания современного сайта с любым дизайном и полным функционалом без подписок и дополнительных трат, которые есть у других CMS и конструкторов сайтов. Быстрый старт в создании сайтов с нуля!
Чему вы научитесь
- Создавать сайты на WordPress с любым дизайном
- Создавать сайты на WordPress, используя сторонние шаблоны
- Научитесь изменять любые стили темы сайта на WordPress
- Научитесь работать в no-code платформе Elementor
- Изучите все возможности WordPress
- Сможете создать интернет-магазин
- Научитесь подключать оплату в рублях и криптовалюте
- Научитесь создавать блок с комментариями
- Узнаете, как адаптировать сайт под любое устройство
- Научитесь продвигать ваш сайт в поиске Google/Yandex
- Узнаете основы SEO
- Поймёте, как создавать основные анимации на сайте
- Научитесь приобретать домен, хостинг и настраивать WordPress
- Узнаете, как оптимизировать ваш сайт, чтобы он работал быстрее
- Научитесь создавать собственные шаблоны для сайта
- Сможете создать сайт любой сложности на WordPress
- Узнаете, как использовать собственные CSS-стили в WordPress
Программа курса
Введение
Приветствую на курсе!
Скачиваем материалы
Устанавливаем WordPress на хостинг
Знакомство с WordPress
Базовые настройки нового сайта
Как редактировать страницу
Как работают темы в WordPress
Как работают плагины в WordPress
Практика. Создайте свой сайт
Знакомство с Elementor
Как загружать плагины и темы с компьютера
Настройки Hello Theme Elementor
Создаем первые элементы в elementor
Как позиционировать элементы в контейнере
Сбрасываем стандартные стили elementor
Выравнивание элементов и внешние отступы (Margins)
Внутренние отступы + заливка фона (Padding)
Как добавлять градиент + единицы измерения VH
Изображения на сайте и их форматы.
Как работает абсолютное позиционирование элементов
Практика. Начните создавать первую секцию сайта
Стили
Создаем стили цвета. Сброс стилей elementor
Создаем стили текста и кнопок
Настройка стилей всего текста на сайте
Ограничение контента сайта и доп настройки
Как работает настройка фонового изображения
Практика. Создайте следующую секцию сайта
Настройки и ошибки
Out of memory \ тормозит elementor
Как настроить WP и сбросить стили
Как сменить пароль и кастомизировать WP
Если не обновляется новое изображение вместо старого
Углубление в Elementor
Размеры изображений и overflow hidden
Центрирование абсолютно позиционированного элемента
Как работают CSS фильтры
Библиотека иконок Elementor. Доделываем карточки
Свойства трансформирования элементов
Что такое семантические теги
Практика. Создайте следующие 2 секции сайта
Как работает grid css
Верстаем следующую секцию ч.1
Верстаем следующую секцию ч.2
Создаем навигационное меню
Анимации
Якорные ссылки
Эффекты движения
Анимации виджетами
Lottie Анимации
Адаптивный дизайн
Теория адаптивного дизайна
Создаем breakpoints
Адаптируем планшетную версию
Адаптация грид сетки
Как скрыть элемент в определённой версии сайта
Практика. Адаптируйте сайт
Адаптируем breakpoint планшет
Адаптируем мобильный breakpoint
Формы и Popup
Форма через Royal Addon
Как создать popup
Введение в шаблоны и конструктор тем
Как работают шаблоны
Как работают динамические шаблоны
Блог и конструктор тем
О чем блок
Верстаем страницу блога
Автоматическое создание карточки поста поста
Как работают категории и метки
Как сделать динамическую запись поста
Что такое архивы
Создаем архив Рубрик
Как создать динамический шаблон
Интернет Магазин
Устанавливаем Woocomerce
Как создать единичный товар
Что такое вариативный товар
Практика. Создаете 2 товара
Что такое Up Sale и Cross Sale
Какие основные страницы магазина
Как создавать купоны
Стилизация страниц заказа и кассы
Стилизация страницы магазина и товара
Как создать возможность регистрации пользователя
Как подключить recaptcha
Подводим итог
Добавление товара в корзину по ссылке
Как подключить оплату за рубли
Как подключить оплату криптовалютой
Готовый сайт из шаблонов
Демо контент темы
Тема из интернета
Как использовать шаблоны
SEO
Первичная настройка YAST SEO
SEO Заголовок и описание
Заголовок h1
404 / alt / индексакция страниц
Google search & Yandex Master
Оптимизация сайта
Свой код и ElementorPro
Свой CSS код
Обзор Elementor Pro
Динамические теги
До новых встреч!
Подводим итог.
Получите свой сертификат
Комментарии 0