Запись [Stepik] WordPress с нуля до результата. Создание сайтов без кода (Дмитрий Фокеев)

​

Курс по WordPress познакомит вас со всеми инструментами для создания современного сайта с любым дизайном и полным функционалом без подписок и дополнительных трат, которые есть у других CMS и конструкторов сайтов. Быстрый старт в создании сайтов с нуля!

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

• Создавать сайты на WordPress с любым дизайном
• Создавать сайты на WordPress, используя сторонние шаблоны
• Научитесь изменять любые стили темы сайта на WordPress
• Научитесь работать в no-code платформе Elementor
• Изучите все возможности WordPress
• Сможете создать интернет-магазин
• Научитесь подключать оплату в рублях и криптовалюте
• Научитесь создавать блок с комментариями
• Узнаете, как адаптировать сайт под любое устройство
• Научитесь продвигать ваш сайт в поиске Google/Yandex
• Узнаете основы SEO
• Поймёте, как создавать основные анимации на сайте
• Научитесь приобретать домен, хостинг и настраивать WordPress
• Узнаете, как оптимизировать ваш сайт, чтобы он работал быстрее
• Научитесь создавать собственные шаблоны для сайта
• Сможете создать сайт любой сложности на WordPress
• Узнаете, как использовать собственные CSS-стили в WordPress

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

• Для тех, кто хочет научиться создавать сайты с нуля
• Для начинающих разработчиков
• Для разработчиков, которые хотят расширить свой стек навыков
• Для веб-дизайнеров, которые хотят воплощать свои дизайны в готовые сайты

Начальные требования:

• Никаких дополнительных требований или знаний не нужно.
• Работающий компьютер и желание узнавать новое.

Спойлер: Программа курса

В курс входят (95 уроков, 13 часов 37 минут видео, 1 тест)

Введение

1. Приветствую на курсе!
2. Скачиваем материалы
3. Устанавливаем WordPress на хостинг

Знакомство с WordPress

1. Базовые настройки нового сайта
2. Как редактировать страницу
3. Как работают темы в WordPress
4. Как работают плагины в WordPress
5. ПРАКТИКА! Создайте свой сайт

Знакомство с Elementor

1. Как загружать плагины и темы с компьютера
2. Настройки Hello Theme Elementor
3. Создаем первые элементы в elementor
4. Как позиционировать элементы в контейнере
5. Сбрасываем стандартные стили elementor
6. Выравнивание элементов и внешние отступы (Margins)
7. Внутренние отступы + заливка фона (Padding)
8. Как добавлять градиент + единицы измерения VH
9. Изображения на сайте и их форматы.
10. Как работает абсолютное позиционирование элементов
11. ПРАКТИКА. Начните создавать первую секцию сайта

Стили

1. Создаем стили цвета. Сброс стилей elementor
2. Создаем стили текста и кнопок
3. Настройка стилей всего текста на сайте
4. Ограничение контента сайта и доп настройки
5. Как работает настройка фонового изображения
6. ПРАКТИКА. Создайте следующую секцию сайта

Настройки и ошибки

1. Out of memory \ тормозит elementor
2. Как настроить WP и сбросить стили
3. Как сменить пароль и кастомизировать WP
4. Если не обновляется новое изображение вместо старого

Углубление в Elementor

1. Размеры изображений и overflow hidden
2. Центрирование абсолютно позиционированного элемента
3. Как работают CSS фильтры
4. Библиотека иконок Elementor. Доделываем карточки
5. Свойства трансформирования элементов
6. Что такое семантические теги
7. ПРАКТИКА. Создайте следующие 2 секции сайта
8. Как работает grid css
9. Верстаем следующую секцию ч.1
10. Верстаем следующую секцию ч.2
11. Создаем навигационное меню

Анимации

1. Якорные ссылки
2. Эффекты движения
3. Анимации виджетами
4. Lottie Анимации

Адаптивный дизайн

1. Теория адаптивного дизайна
2. Создаем breakpoints
3. Адаптируем планшетную версию
4. Адаптация грид сетки
5. Как скрыть элемент в определённой версии сайта
6. ПРАКТИКА. Адаптируйте сайт
7. Адаптируем breakpoint планшет
8. Адаптируем мобильный breakpoint

Формы и Popup

1. Форма через Royal Addon
2. Как создать popup

Введение в шаблоны и конструктор тем

1. Как работают шаблоны
2. Как работают динамические шаблоны

Блог и конструктор тем

1. О чем блок
2. Верстаем страницу блога
3. Автоматическое создание карточки поста поста
4. Как работают категории и метки
5. Как сделать динамическую запись поста
6. Что такое архивы
7. Создаем архив Рубрик
8. Как создать динамический шаблон

Интернет Магазин

1. Устанавливаем Woocomerce
2. Как создать единичный товар
3. Что такое вариативный товар
4. ПРАКТИКА. Создаете 2 товара
5. Что такое Up Sale и Cross Sale
6. Какие основные страницы магазина
7. Как создавать купоны
8. Стилизация страниц заказа и кассы
9. Стилизация страницы магазина и товара
10. Как создать возможность регистрации пользователя
11. Как подключить recaptcha
12. Подводим итог
13. Добавление товара в корзину по ссылке
14. Как подключить оплату за рубли
15. Как подключить оплату криптовалютой

Готовый сайт из шаблонов

1. Демо контент темы
2. Тема из интернета
3. Как использовать шаблоны

SEO

1. Первичная настройка YAST SEO
2. SEO Заголовок и описание
3. Заголовок h1
4. 404 / alt / индексакция страниц
5. Google search & Yandex Master
6. Оптимизация сайта

Свой код и ElementorPro

1. Свой CSS код
2. Обзор Elementor Pro
3. Динамические теги

До новых встреч!

• Подводим итог.