Техническое задание: Интеграция Tailwind CSS в WordPress

Цель проекта

Необходимо внедрить фреймворк Tailwind CSS (лицензионная версия Plus) в существующий сайт на WordPress для ускорения и упрощения процесса веб-разработки. Ключевая задача - создать модульную систему, позволяющую быстро собирать страницы с использованием утилитарных классов Tailwind.

Основные задачи

• Корректное подключение и настройка лицензионного Tailwind CSS Plus в среде WordPress.
• Полная интеграция с плагином WooCommerce: стилизация магазина, корзины, карточек товаров и страницы оформления заказа в соответствии с возможностями Tailwind.
• Адаптация и перенос существующей библиотеки блоков WordPress (Gutenberg) для работы с классами Tailwind CSS. Блоки должны быть перестроены для модульного использования.
• Создание или настройка системы, позволяющей верстать страницы сайта модульно и быстро, используя методологию Tailwind.
• Обеспечение корректной работы всех стилей после интеграции, отсутствие конфликтов с существующими темами и плагинами.

Требования к реализации

• Решение должно быть производительным и не замедлять работу сайта.
• Все изменения должны быть обратимы и не ломать текущий функционал.
• Код должен быть чистым, комментированным и соответствовать лучшим практикам разработки для WordPress.
• Исполнитель должен разбираться в сборщиках (например, Vite, Webpack) для корректной интеграции Tailwind в WordPress-окружение.

Ожидаемый результат

Готовый сайт на WordPress, где фронтенд-разработка строится на основе Tailwind CSS. Администратор или разработчик сможет использовать переработанные блоки и утилиты Tailwind для быстрой сборки страниц с индивидуальным дизайном, при этом все функции WooCommerce будут полностью стилизованы и работоспособны.