Головна/WordPress Fullstack/Блупринти/Кастомні теми
WordPress54 ТЗReact і Next.js10 ТЗAI Інженерія6 ТЗ
До всіх 6 розділів блупринтів
Кастомні темиGutenberg & FSEWooCommerceDevOps & ШвидкістьБезпека & APIШІ & Агенти
Раздел • Кастомні теми • 12 ТЗ

Кастомні теми

12 практичних ТЗ: Розробка класичної теми з нуля, PHP-шаблони за Figma, functions.php, The Loop, ACF PRO та локалізація шрифтів WOFF2.

Прогрес розділу «Кастомні теми»
0%(0/63 кроків)
+0 XP0 з 12 вирішено

Теоретична база та навчальні статті для вивчення з нуля

8 статей

Опануйте ці ключові 8 матеріалів, щоб впевнено виконувати комерційні ТЗ розділу без прогалин у знаннях.

Фундаментальная базаJunior • База

Иерархия шаблонов в WordPress с нуля

Фундаментальный порядок каскадного поиска файлов locate_template(): index.php, single.php, page.php, archive.php и 404.php.

~20 хвВідкрити урок
Фундаментальная базаJunior • База

Цикл WordPress (The Loop) под капотом

Механика глобального объекта $wp_query, have_posts(), the_post() и безопасный рендеринг постов без утечки глобального состояния.

~20 хвВідкрити урок
Архитектурный паттернMiddle • Архитектура

Мастерство создания кастомных выборок WP_Query

Сложные выборки с фильтрацией по метаполям meta_query, таксономиям tax_query, постраничной пагинацией и оптимизацией SQL.

~25 хвВідкрити урок
Фундаментальная базаJunior • База

Архитектура хуков: Actions и Filters

Событийная модель ядра: приоритеты выполнения, стек вызовов add_action/add_filter и хуки жизненного цикла темы.

~20 хвВідкрити урок
Архитектурный паттернMiddle • Архитектура

Регистрация Custom Post Types и таксономий

Проектирование каталогов, портфолио и пользовательских сущностей через register_post_type и register_taxonomy по стандарту.

~20 хвВідкрити урок
Архитектурный паттернMiddle • Архитектура

Создание метабоксов и работа с ACF PRO

Интеграция произвольных полей, Flexible Content конструкторы страниц и безопасное сохранение метаданных с проверкой прав.

~25 хвВідкрити урок
Практический воркфлоуSenior • Production

Воркфлоу: Разработка темы с нуля на Vite 6 и Tailwind v4

Сквозной боевой сценарий: от пустой папки до продакшен-темы с HMR, Tailwind v4, компиляцией TypeScript и сборкой ассетов.

~35 хвВідкрити урок
Практический воркфлоуMiddle • Архитектура

Воркфлоу: Дочерние темы и каскад locate_template()

Безопасная кастомизация коммерческих тем без риска потери изменений при обновлениях ядра и родительской темы.

~30 хвВідкрити урок
Кастомні теми
Middle~12 год

ТЗ: Натяжка верстки з Figma на тему з ACF PRO (Flexible Content)

Покрокова розробка класичної теми WordPress на чистому PHP: посадка макета з Figma на модульні секції Flexible Content, синхронізація локального JSON, підключення асетів та суворе екранування виведення.

У нас є затверджений дизайн-макет лендінгу та внутрішніх сторінок у Figma. Потрібна швидка модульна тема WordPress на базі ACF Flexible Content, щоб контент-менеджери могли самостійно збирати сторінки з готових блоків без порушення дизайн-системи.
PHP 8.3/8.4WordPress 6.7+ACF PRO Flexible ContentFigma to WordPress+4
Прогрес: 0 з 7 кроків0%
Кастомні теми
Middle~14 год

ТЗ: Розробка каталогу на CPT, таксономіях та AJAX-фільтрації

Повний цикл розробки теми-каталогу: реєстрація кастомного типу записів (CPT), ієрархічні таксономії, модифікація головного запиту через pre_get_posts, шаблони архівів та миттєва AJAX-фільтрація з захистом через Nonce.

Нам потрібен сайт-каталог спецтехніки та обладнання. В адмінці має бути окремий розділ 'Обладнання' з кастомними таксономіями (Категорії, Бренди) та технічними характеристиками, а на сайті — швидка фільтрація без перезавантаження сторінки.
PHP 8.3/8.4register_post_typeregister_taxonomypre_get_posts+4
Прогрес: 0 з 7 кроків0%
Кастомні теми
Junior~6 год

ТЗ: Дочірня тема (Child Theme) та безпечна кастомізація

Архітектура корпоративної дочірньої теми: створення маніфесту style.css із заголовком Template, правильне підключення батьківських та дочірніх стилів, безпечний оверрайд файлів та розширення функціоналу через хуки.

Наш корпоративний сайт працює на преміум-темі. Нам потрібно внести значні зміни в дизайн, створити кастомні шаблони та інтегрувати зовнішні сервіси через дочірню тему, щоб оновлення батьківської теми не ламали доробок.
PHP 8.3/8.4Child Themesstyle.css Template Headerwp_enqueue_scripts+2
Прогрес: 0 з 5 кроків0%
Кастомні теми
Middle~8 год

ТЗ: Інтеграція збирача Vite 6, Tailwind CSS v4 та TypeScript у тему WordPress

Сучасний конвеєр фронтенд-розробки: миттєвий Hot Module Replacement (HMR) під час розробки, PHP-завантажувач асетів на основі manifest.json від Vite 6, компіляція Tailwind CSS v4 та сувора типізація TypeScript.

Наш старий збирач на Gulp/Webpack працює надто повільно — збереження CSS оновлюється по 5 секунд. Нам потрібен надшвидкий пайплайн на Vite 6 з Tailwind CSS v4 та TypeScript з підтримкою миттєвого HMR та оптимізованою продакшн-збіркою.
PHP 8.3/8.4Vite 6Tailwind CSS v4TypeScript+3
Прогрес: 0 з 5 кроків0%
Кастомні теми
Middle~10 год

ТЗ: Розробка адаптивного Mega-Menu з кастомним Walker_Nav_Menu та іконками

Складна багаторівнева навігація: розширення Walker_Nav_Menu, додаткові поля в адмінці (бейджі, іконки, промо-банери), сітка CSS Grid, повна клавіатурна доступність та мобільне меню-акордеон.

У нашому інтернет-магазині понад 30 категорій товарів. Стандартне випадаюче меню WordPress незручне. Потрібно розробити багаторівневе Mega-Menu з іконками категорій, банерами акцій, повною підтримкою клавіатури та мобільним акордеоном.
PHP 8.3 OOPWalker_Nav_Menuwp_nav_menu_item_custom_fieldsCSS Grid & Flexbox+2
Прогрес: 0 з 5 кроків0%
Кастомні теми
Junior~7 год

ТЗ: Пошук по сайту в реальному часі (Live Search) з автодоповненням та дебаунсом

Швидкий повнотекстовий пошук: власний эндпоинт WP REST API, оптимізований вибір даних через WP_Query, доступний оверлей з ARIA-атрибутами, клієнтський дебаунс з AbortController та навігація клавіатурою.

Користувачі скаржаться на повільний пошук із перезавантаженням сторінки. Потрібен блискавичний пошуковий оверлей, який показує результати з мініатюрами, рубриками та цінами під час введення запиту.
PHP 8.3/8.4WP REST APIWP_Query (s parameter)Vanilla JS Fetch API+3
Прогрес: 0 з 5 кроків0%
Показано 1–6 из 12 ТЗ