porohy

ГК «Пороги» — сайт гандбольного клубу (дев’ята робота портфоліо)

Вымышленный клуб. Название, состав, матчи, лига, спонсоры и цены — придуманы для портфолио. На каждой странице сайта стоит пометка «демо-проєкт». Реальные клубы Запорожья — «Мотор» и «Константа», с ними пересечений нет.

Название взято от днепровских порогов, от которых пошло имя города: «за порогами».


Зачем эта работа

Первая работа на WordPress. Восемь предыдущих — статика без CMS. Заказчики просят именно WordPress, и без него половина заказов на площадках недоступна. Осваиваю на своём проекте, а не на клиентском.

Вторая цель — показать в портфолио редактируемый сайт: тренер сам добавляет результат матча и новость, без разработчика.


Решения по стеку (принято 25.09.2026)

Что Решение Почему
CMS WordPress 6.x локально через LocalWP бесплатно, без хостинга
Тема своя, гибридная: PHP-шаблоны + theme.json полный контроль вёрстки; цвета и шрифты видны в редакторе
Матчи, игроки, лига свои типы записей и поля в теме плагины вроде SportsPress тянут свою разметку — подгонка под наш дизайн дороже, чем 200 строк своего кода
Два языка Polylang (бесплатный) поддерживает свои типы записей; писать своё бессмысленно
Формы Contact Form 7 + honeypot проверенная защита от спама, не изобретаю своё
SEO Rank Math (бесплатный) title, description, sitemap, Open Graph
Живая ссылка Simply Static (бесплатный) → GitHub Pages статическая выгрузка; формы и админка остаются только локально

Что не ставим: конструкторы страниц (Elementor и прочие) — они делают вёрстку за меня и портят портфолио; кэш-плагины — локально не нужны.


Структура сайта

Страница Адрес Что внутри
Головна / ближайший матч, последний результат, место в таблице, блок набора в школу
Матчі /matchi/ календарь, результаты, таблица лиги
Матч /match/<slug>/ протокол: счёт по таймам, авторы голов
Команда /komanda/ состав по позициям, тренеры
Гравець /gravets/<slug>/ номер, позиция, рост, статистика сезона
Школа /shkola/ группы по возрасту, расписание, цены, форма записи
Новини /novyny/ записи из админки
Партнери /partnery/ что даёт партнёрство, форма для бизнеса
Контакти /kontakty/ зал, как добраться, карта, телефоны

Языки: украинский основной (/), английский (/en/).


Данные

Всё в content/:

scripts/season.js строит календарь и таблицу. Запуск:

node scripts/season.js

Порядок работы

  1. LocalWP: сайт porohy ✔
  2. Тема: theme.json, шрифты, цвета, шаблоны
  3. Типы записей: матч, игрок, команда лиги, новость
  4. Заливка данных через WP-CLI
  5. Страницы и тексты
  6. Английская версия через Polylang
  7. Формы, SEO, проверка
  8. Выгрузка в статику, GitHub Pages
  9. Видео админки: тренер добавляет результат матча и новость

Живая ссылка

https://oum1d.github.io/porohy/ — статическая выгрузка. Формы на ней не отправляются, админка недоступна: это ограничение бесплатного хостинга, и оно честно указано в кейсе.