Тема WordPress «Mounty». Класична тема без плагінів, з адаптивним дизайном, анімаціями та запуском через Docker.
cp .env.example .env
docker compose up -dПід час першого запуску автоматично встановлюється WordPress, активується тема, додається демо-контент (Послуги + FAQ) і налаштовуються постійні посилання.
docker compose logs -f wpcli # доки не зʼявиться "Mounty is ready at http://localhost:8080"Далі відкрити:
http://localhost:8080— сайтhttp://localhost:8080/wp-admin— адмінка (admin/admin12345)
Порти, паролі та назву бази можна змінити у файлі .env.
- Шапка / навігація — лого, слоган, соцмережі, перемикач мови. Прилипає при скролі. На мобільному — лого + бургер з повноекранним меню.
- Hero — заголовок із анімацією, фонове фото з паралаксом, кнопка із ховером.
- Послуги — рядок із 5 іконок. При наведенні (або тапі на мобільному) послуга підсвічується власним кольором, іконка стає залитою, зʼявляється опис.
- FAQ — сітка питань-відповідей з анімованою кнопкою +/−.
Усе керується через типи записів і customizer — жодних плагінів не потрібно.
- Маршрути (Послуги) — меню Маршрути. Назва, опис, вибір іконки та кольору в блоці «Service settings». Порядок — перетягуванням.
- FAQ — меню FAQ. Заголовок = питання, текст = відповідь. Порядок — перетягуванням.
- Hero, кольори, шапка, соцмережі, заголовки секцій — Зовнішній вигляд → Налаштувати,.
Демо-контент не створює меню. Додайте його у Зовнішній вигляд → Меню і призначте на позицію Primary Menu. Якщо меню не призначене, тема показує типовий набір посилань автоматично.
- Скопіювати теку
mounty/уwp-content/themes/. - Активувати тему Mounty у Зовнішній вигляд → Теми.
- Додати кілька записів Маршрути і FAQ (або виконати
wp mounty seedчерез WP-CLI). - Призначити будь-яку сторінку як головну (Налаштування → Читання).
- Створити меню і призначити на позицію Primary Menu.
Вимоги: WordPress 6.0+, PHP 8.0+.
Шрифти підключені локально (assets/fonts/, оголошені в assets/css/fonts.css):
TT Firs Neue (текст, заголовок Hero), Tactic Sans Extended (заголовки секцій),
TT Backwards Sans (лого). Слоган використовує Tektur (Google Fonts).
TT Firs Neue, Tactic Sans і TT Backwards Sans — комерційні шрифти. Файли в репозиторії призначені для локального перегляду; у продакшені використовуйте власні ліцензовані копії.