Разработка современного сайта на WordPress + WooCommerce. Часть 1 (Уроки 1-21).

Много полезного по сайтосроению на WordPress - https://www.youtube.com/watch?v=8yIRvyWJWQE&list=PL2CKgzoZxvxUgFmayuWeSSw9cazuZLRUx
Как создавать плагины на WordPress - https://www.youtube.com/watch?v=HGJBPDI7uOU&list=PL2CKgzoZxvxU4fKv7Ce5l2zZf84tLzsZ9&pp=gAQB

Все части курса по WordPress и WooCommerce:
-----------------
1. https://youtu.be/c8nob2rQ9To
2. https://youtu.be/eXuSZyvYIaA
3. https://youtu.be/b3xHiz8J54g

-=- Компоненты Гутенберг - https://genius.courses/wordpress-codex/#gutenbergwordpress

Перед изучением этого курса рекоммендую пройти эти лекции:
-------------------------------------------------------------------------------------------------------------
1. Github Actions - https://www.youtube.com/watch?v=nhenfObKQvU
2. PHP - https://www.youtube.com/watch?v=NxH7khLkR7s
3. Gutenberg - https://www.youtube.com/watch?v=VWmISYb9Bos

Консультации или Клуб - https://genius.courses/become-member/

Исходники
=========
Видео для Хиро блока - https://genius.courses/wp-content/uploads/2025/01/game-store-short.zip
Дизайн макет - https://genius.courses/wp-content/uploads/2025/01/Figma_GameStore.zip
Исходный код проекта - https://genius.courses/wp-content/uploads/2025/02/GameStore-pages-woo.zip
00:00:00 Интро
00:01:32 Необходимый софт для курса и обзор дизайн-макета
00:13:38 Запускаем WordPress под Docker
00:35:17 Создаем стартовую FSE тему для проекта
00:54:09 Создаем MU / Core / Blocks плагины для проекта
01:20:55 Реализация CI/CD для проекта через GitHub Actions
02:09:02 Подключение Google Fonts, CSS, JavaScript
02:32:43 Разработка блока шапки сайта
03:01:31 Работа с SVG и CSS стилями для шапки
03:38:32 Переключатель режима темной версии сайта и дропдаун для навигации
04:07:12 Мобильная версия для блока шапки
04:50:35 Организация работы с ветками в Git для командной работы
05:14:01 Разработка структуры блока Hero
05:57:19 Работа с save.js для блока Hero
06:27:55 Завершение работы над блоком Hero
07:28:15 Разработка динамического блока Games Line
08:13:12 Реализация блока Recent News (территория админки)
08:38:29 Разработка блока Recent News (Фронт Часть)
09:17:16 Подгрузка глобальных стилей и шрифтов на страницах Gutenberg
09:40:25 Реализация Popup контейнера для поиска
10:10:17 Запрос на сервер для поиска игр
10:46:17 Завершаем работу над опцией поиска игр

#wordpress #woocommerce #react

Видео Разработка современного сайта на WordPress + WooCommerce. Часть 1 (Уроки 1-21). канала Быть Программистом