Технічне завдання для розробника
Назва вакансії: Створення високопродуктивного медіа-сайту: 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 (керування таксономіями)
Рецепти:
Форми та метадані:
Операції:
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" стек (критично)
Потрібен специфічний макет — вертикально+горизонтальний гібрид навігації.
Технічна реалізація:
Візуальна підказка:
Потік елементів:
Рядок пошуку: маленький, липкий зверху.
Трендовий банер: головні заголовки.
Каруселі категорій: 3–5 горизонтальних рядів (наприклад: News, Growing, Strains). Кожна з чітким заголовком.
Вибрана історія: виділена "героїчна" картка, що розділяє каруселі та стрічку.
Останні новини: вертикальна стрічка (стандартна сітка) внизу.
B. Десктопний макет
4. Кастомні функції (на коді/блоках — БЕЗ плагінів)
Кнопки соціальних мереж:
Побудувати з використанням GenerateBlocks та вбудованих SVG.
Обмеження: НЕ встановлювати важкі JS-плагіни типу AddToAny або ShareThis.
Розташування: хедер, футер і секція "Поділитися" в окремих постах.
Похожие пости:
Кастомний Query Loop від GenerateBlocks внизу статей.
Логіка: основний фільтр — пости, що мають хоча б один спільний тег. Резерв: пости з тієї ж основної категорії. Виключити поточний пост.
Розрахунковий час читання:
Зміст (Table of Contents):
Зробити легкий кастомний блок-патерн, який автоматично генерує посилання з H2/H3 заголовків, з мінімальним JS.
Обмеження: без зсуву макета (зарезервувати простір для TOC у шаблоні).
Як ми працюємо
Я виступаю провідним архітектором. Я визначив стек, дизайн-систему та карту сайту. Мені потрібен кваліфікований виконавець для реалізації цього бачення строго відповідно до наведених специфікацій.
Посилання на сайт: https://theweedblog.com/