Задание: HTML-верстальщик. Верстка новой страницы на WordPress по макету Figma. Интеграция с существующим функционалом сайта. (Дистанционная работа)
Описание проекта:
Есть работающий сайт на WordPress. Вёрстка адаптивная, используется стандартный стек.
Необходимо сверстать одну новую страницу по макету из Figma. Готовые PHP-шаблоны других страниц сайта можно брать за основу (чтобы сохранить единую структуру header/footer/sidebar).
Требования к верстке и функционалу:
Верстка по макету Figma:
Полное соответствие макету (отступы, шрифты, цвета, сетка).
Адаптивность (мобильная версия по макету, если её нет — делаем резину/адаптив логично по ситуации).
Кроссбраузерность (Chrome, FF, Safari, Edge последних версий).
Интеграция с WordPress:
Использовать существующие get_header(), get_footer(), цикл (если нужны записи).
Зарегистрировать шаблон страницы в теме (Page Template) или создать отдельный файл.
Наследование стилей: Новые стили не должны ломать старые страницы. Писать аккуратно, используя существующие переменные (если есть препроцессор) или обернув весь код страницы в уникальный класс-обертку.
Использовать существующие на сайте PHP-функции (например, вывод меню, хлебных крошек, виджетов, если они есть на макете).
Добавить страницу в меню (через админку, не вручную в коде) — пункт меню должен вести на созданную страницу.
Запреты:
Не использовать сторонние конструкторы страниц (Elementor, WPBakery и т.д.) — только нативная вёрстка внутри файла шаблона.
Не устанавливать лишних плагинов (если нужны слайдеры или кастомные поля — обсуждаем отдельно, но предполагается использование текущего функционала).
Ключевое требование (важно):
Использовать реализованный на сайте функционал (готовые классы CSS, библиотеки, шорткоды, функции вывода контента). Не нужно изобретать велосипеды. Если на сайте стоит свой слайдер — используем его. Если есть своя сетка (Bootstrap/Tailwind/своя) — верстаем по ней.
Ожидаемый результат:
Чистый файл шаблона PHP, залитый на сервер и корректно работающий.
Страница активна и добавлена в меню.
Внешний вид не отличается от Figma на разрешениях от 320px до 1920px.
