Техническое задание

1. Цель

Перенести блок из готовой верстки для WordPress, который будет содержать меню и страницы, переключающиеся через это меню. Блок должен иметь функционал для изменения контента страниц и меню, а также возможность добавления и удаления страниц и пунктов меню. Он должен быть интегрирован в блочную структуру WordPress через админ-панель.

2. Требования к функционалу

2.1 Меню

• Добавление, редактирование и удаление пунктов меню через админ-панель.

2.2 Страницы

• Динамическая загрузка контента страниц при переключении пунктов меню или использование необходимых событий для достижения подобного эффекта.

• Возможность добавления новых страниц, редактирования и удаления существующих.

• Редактирование контента страниц через админ-панель WordPress.

2.3 Интеграция

• Блок должен быть интегрирован в блочную структуру WordPress (Gutenberg или совместимая структура).

• Полная или частичная (обсуждается отдельно) поддержка редактора блоков WordPress для удобного управления контентом.

3. Требования к технологиям (стек может обсуждаться отдельно)

• JavaScript – для динамической загрузки контента и взаимодействия с пользователем.

• PHP – для разработки бэкенд-части и работы с базой данных WordPress.

• HTML – для разметки блока.

• SCSS – для стилизации блока с поддержкой адаптивного дизайна.

4. Дизайн

• Дизайн будет предоставлен отдельным файлом (макет в Figma или другом формате).

• Блок должен полностью соответствовать дизайну и иметь адаптивную верстку.

5. Функциональные требования

1. Адаптивность – корректное отображение на всех типах устройств (десктоп, планшет, смартфон).

2. Оптимизация – код блока должен быть оптимизирован для быстрого загрузки и соответствовать стандартам веб-разработки.

3. Безопасность – защита от XSS и SQL-инъекций.

6. Этапы разработки

6.1 Планирование

• Анализ требований.

• Создание структуры блока.

6.2 Разработка

• Верстка блока.

• Разработка функционала меню и страниц.

• Интеграция с админ-панелью WordPress.

6.3 Тестирование

• Проверка функционала.

• Тестирование на различных устройствах и браузерах.

• Проверка соответствия дизайна.

6.4 Релиз

• Вливание работы в dev-ветку Git.

• Передача документации по использованию блока (обсуждается).

Права интеллектуальной собственности и условия доступа

• Исполнитель получает доступ к материалам заказчика (исходный код, дизайн, базы данных, серверная инфраструктура и т.д.) исключительно для выполнения этого технического задания.

• Все имущественные права на указанные материалы, включая модификации и доработки, остаются за заказчиком.

• Исполнитель не имеет права использовать, изменять, распространять или передавать третьим лицам любые материалы без предварительного согласия заказчика.

• После завершения работ исполнитель обязан передать заказчику все обновленные файлы, исходный код, доступы к серверам, базам данных и другую техническую документацию, созданную или использованную во время выполнения проекта.

тут наш дизайн в figma. Тот, что "гармошка".