Технічне завдання для розробника Назва вакансії: Створення високопродуктивного медіа-сайту: The Weed Blog (GeneratePress + GenerateBlocks) Опис проєкту: Ми виконуємо "чисту" розробку для авторитетного медіа-сайту (The Weed Blog — https://theweedblog.com/). Це технічний проєкт імплементації, а не творче дослідження дизайну. Стек технологій, дизайн-система (hex-коди, шрифти) та логіка макетів визначені. Потрібен кваліфікований виконавець для реалізації цього бачення. Термін виконання: 7 днів з моменту найму Поточний статус проєкту: Готовий до розробки Хостинг: середовище розробки WP Engine Плагіни: Всі преміум-плагіни встановлені, ліцензовані та активні Доступ: адміністративний доступ надається негайно Матеріали: всі глобальні кольори, типографічні шкали й референсні макети визначені й готові до використанняОбсяг робіт Виконавець створить основний каркас сайту з використанням GeneratePress Premium + GenerateBlocks Pro. Збірка включає кастомний мобільний макет у стилі Netflix, високоплотну десктопну сітку та кастомно стилізований двигун рецептів.1. Технічні специфікації та стек плагінів Базова інфраструктура: GeneratePress Premium (тема) GenerateBlocks Pro (макети та патерни) Code Snippets (для кастомних PHP-функцій — зберігати functions.php чистим) Продуктивність та безпека: Perfmatters (менеджер скриптів, відкладений JS, видалення невикористаного CSS) Imagify (оптимізація зображень — WebP/AVIF) Wordfence (веб-фаєрвол) Обмеження: Wordfence має бути налаштований у "режимі оптимізації" (.user.ini) з ВИМКНЕНОЮ опцією Live Traffic. Обмеження: Не повинен переозначувати або конфліктувати з Global Edge Security від WP Engine. SEO та контент: Yoast SEO Premium (заголовки, канонічні URL, хлібні крихти, схема) TaxoPress (керування таксономіями) Обмеження: Тільки ручна очищення; НЕ вмикати автоматичне тегування. Рецепти: WP Recipe Maker Premium Обмеження: Написати кастомний CSS для стилізації карток рецептів відповідно до глобальної дизайн-системи (зелені/чорні бордери, типографіка, відступи). Стандартна стилізація плагіна — неприйнятна. Форми та метадані: Gravity Forms (генерація лідів — стилізувати під тему) ACF Pro (кастомні поля для оглядів/метаданих рецептів) Операції: WP All Import/Export Pro (активний лише під час задач міграції)2. Структура сайту та сторінки (скелет) Виконавець відповідає за створення порожньої структури/скелета. НЕ мігрувати старий контент поки що (окрім сторінок відповідності вимогам). Основні сторінки (створити пусті шаблони та додати в меню футера): Про нас (About Us) Контакти (Contact) — інтегрувати форму Gravity Forms Політика конфіденційності (Privacy Policy) — Критично: текст має бути перенесений дослівно з живого сайту для відповідності SMS-вимогам Умови використання (Terms & Conditions) — Критично: текст має бути перенесений дослівно з живого сайту для відповідності SMS-вимогам Реклама / Медіакіт (Advertise / Media Kit) Налаштування макету сторінок: Усі сторінки повинні використовувати макет за замовчуванням (тільки контент, без сайдбарів) з шириною контейнера 800px для читабельності. Структура таксономій (головне меню): Налаштувати головне меню з 6 категоріями: News, Culture, Growing, Science, Advocacy, Reviews.3. Архітектура головної сторінки ("адаптивна трансформація") Потрібна високоплотна головна сторінка, реалізована Query Loops від GenerateBlocks, що адаптує поведінку залежно від пристрою.A. Мобільний макет: "Netflix" стек (критично) Потрібен специфічний макет — вертикально+горизонтальний гібрид навігації. Технічна реалізація: Використати CSS Scroll Snap (display:flex; overflow-x:auto; scroll-snap-type:x mandatory). Без плагінів-слайдерів. Візуальна підказка: Має бути видно 1.2 картки (друга картка підглядає справа, підказуючи прокрутку). Потік елементів: Рядок пошуку: маленький, липкий зверху. Трендовий банер: головні заголовки. Каруселі категорій: 3–5 горизонтальних рядів (наприклад: News, Growing, Strains). Кожна з чітким заголовком. Вибрана історія: виділена "героїчна" картка, що розділяє каруселі та стрічку. Останні новини: вертикальна стрічка (стандартна сітка) внизу.B. Десктопний макет Герой: розділена сітка (70% — головна історія / 30% — стек з 3 менших історій). Секції: мобільні каруселі перетворюються в високоплотні 4-колонні сітки для десктопу.4. Кастомні функції (на коді/блоках — БЕЗ плагінів) Кнопки соціальних мереж: Побудувати з використанням GenerateBlocks та вбудованих SVG. Обмеження: НЕ встановлювати важкі JS-плагіни типу AddToAny або ShareThis. Розташування: хедер, футер і секція "Поділитися" в окремих постах. Похожие пости: Кастомний Query Loop від GenerateBlocks внизу статей. Логіка: основний фільтр — пости, що мають хоча б один спільний тег. Резерв: пости з тієї ж основної категорії. Виключити поточний пост. Розрахунковий час читання: Реалізувати через легкий PHP-сніппет на основі кількості слів. Показувати в мета-блоці героя поста. Зміст (Table of Contents): Зробити легкий кастомний блок-патерн, який автоматично генерує посилання з H2/H3 заголовків, з мінімальним JS. Обмеження: без зсуву макета (зарезервувати простір для TOC у шаблоні).Як ми працюємо Я виступаю провідним архітектором. Я визначив стек, дизайн-систему та карту сайту. Мені потрібен кваліфікований виконавець для реалізації цього бачення строго відповідно до наведених специфікацій. Посилання на сайт: https://theweedblog.com/