Описание задачи:
Ищем опытного WordPress-разработчика/верстальщика для оперативного завершения проекта https://bropack.com.ua/ . Сайт уже сверстан и посажен на WordPress, но в связи со срывом сроков предыдущим исполнителем, необходимо закрыть техническую часть, настроить базовое SEO и внести ряд точечных визуальных правок строго по макету Figma.
Важно: Работа требует жесткого соблюдения дедлайнов и внимания к деталям. Оплата производится только после проверки всех пунктов ТЗ. У нас на руках есть полный бэкап сайта (файлы темы + БД) и ссылка на макеты в Figma.
Стоимость: Предусмотреть в стоимости работ правки до 10% от текущего ТЗ, которые на данный могут быть невидимы из-за незаконченной верстки. Также может быть небольшое изменение в дизайне некоторых блоков (высота, ширина, расположение кнопок, размер картинки).
Правки: Высылаются файлом Word заказчиком. Принимаются от исполнителя в этом же файле с комментариями напротив каждой строки. Без такого ответа на правки будет смена исполнителя.
1. Архитектура темы и базовая оптимизация
Особенность сборки (Custom PHP): Сайт представляет собой кастомную тему, написанную на PHP/HTML/CSS/JS (без использования тяжелых визуальных билдеров). Логика управления контентом выведена во встроенный кастомайзер WordPress (Внешний вид -> Настроить). Все ключевые секции (Шапка, Hero, Коллажи, Блоки преимуществ) редактируются именно там. Вам предстоит работать напрямую с кодом (PHP-шаблонами) и этой структурой.
URL-адреса: Настроить автоматическую транслитерацию URL-адресов (ЧПУ). Все кириллические названия страниц и записей должны автоматически конвертироваться в латиницу (например, "Про компанію" -> /pro-kompaniyu/)
SEO-плагин: Плагин Yoast SEO установлен, но не настроен. Необходимо провести его базовую настройку для корректного формирования сниппетов, индексации и полной готовности посадочных страниц к запуску рекламных кампаний.
SEO для кастомных блоков: На страницах с блоками предусмотреть корректную работу/настройку СЕО.
Атрибуты изображений (Alt/Title): В текущих PHP-шаблонах (в частности, в статьях блога и элементах бенто-сетки) не выводятся атрибуты alt и title для изображений. Необходимо доработать логику вывода картинок так, чтобы эти атрибуты динамически подтягивались из стандартной медиабиблиотеки WordPress. Без этого невозможна корректная SEO-оптимизация изображений.
Микроразметка (Schema.org): В плагине Yoast SEO настроить микроразметку Schema.org для Google.
- Настроить глобальные параметры организации (название компании, логотип, контактные данные).
- Проверить корректность генерации тегов и технической даты изменения страниц (dateModified), чтобы поисковые роботы мгновенно видели ручное обновление дат на сайте.
- Убедиться, что на кастомных PHP-шаблонах страниц выведен и корректно работает стандартный функционал Yoast для точечного управления типами разметки - проставить типы страниц по рекомендации заказчика.
Шаблон блога (Статьи): Необходимо убрать сложной верстку статьи исключительно через кастомные блоки/поля. Статьи должны публиковаться через стандартный текстовый редактор WordPress. Требуется настроить вывод the_content() и прописать CSS-стили так, чтобы все стандартные элементы внутри статьи автоматически подхватывали дизайн из Figma (глобальные стили). А именно:
1. Стандартный текст (абзацы, межстрочный интервал, цвет).
2. Заголовки H1, H2, H3 (размер, вес шрифта, отступы).
3. Изображения и встраиваемые видео (адаптивная ширина, отступы, возможно скругление углов по макету).
4. Списки (маркированные и нумерованные).
5. Стандартные кнопки.
2. Техническая часть: Формы, защита и логика
Необходимо наладить безопасную работу всех форм захвата лидов:
Интеграция: Настроить отправку лидов через SendPulse. Укажите до начала работ, какие доступы (API-ключи и т.д.) вам для этого потребуются.
Антиспам: Установить надежную защиту от спама на все формы (в приоритете Cloudflare Turnstile, либо предложите обоснованную альтернативу).
Внедрить защиту от флуда. Лимит: с одного IP-адреса форму можно отправить максимум 2 раза за 5 минут. Все остальные попытки должны блокироваться.
Валидация и маска: Проверить маску ввода для номера телефона (недостающие ячейки заполняются цифрами). Поле "Телефон" должно быть обязательным во всех формах. Поле "Имя" должно быть необязательным во всех формах - проверить.
Поведение после отправки: Настроить автоматическую очистку полей формы после успешной отправки. Страница при этом не должна перезагружаться или прокручиваться вверх/вниз — пользователь остается на текущем месте экрана.
3. Текущие правки по Figma
Необходимо устранить недоработки и привести верстку в 100% соответствие с макетом (детальные скриншоты будут предоставлены выбранному исполнителю):
Стили:
Скорректировать фон главного баннера (сделать светлее по макету) и подвигать кнопку (3 скрина предложить для утверждения) https://bropack.com.ua/ready-solutions/.
В слайдерах и видео-блоках оставить ровно 5 кнопок (точек).
Проверить текст «Оновлено» (курсивом) в нижней части страниц.
На МОБ во всех слайдерах проверить работу свайпа, иногда бывает захват правой или левой границы сайта вместо свайпа.
Сетка, блоки и отступы:
Уменьшить некоторые отступы между блоками согласно Figma- 15-20 шт.
Увеличить высоту указанных блоков и размер шрифта в них до значений из Figma.
Проверить нижние формы захвата: увеличить их общую высоту, а также высоту кнопок и шрифта внутри.
На странице «Про компанію»: опустить разделительную линию для выравнивания с левой колонкой, заголовок «Наші цінності» сдвинуть левее.
Попапы и графика (Персонаж):
Вернуть на место съехавшего вправо персонажа в модальном окне (попапе).
В попапе разместить иконку закрытия (крестик) на сером кружке по макету.
Исправить пропорции/отображение вертикального фото в попапе.
Полностью убрать пустой попап без текста.
Откорректировать позиционирование персонажей (героев): в одном из блоков уменьшить размер; на странице «Контакти» сдвинуть левее и выше; на странице «Про компанію» — увеличить и сдвинуть правее.
