Главная/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, модульные секции через ACF Flexible Content, The Loop и безопасное экранирование данных.

«У нас есть утвержденный дизайн-макет лендинга и внутренних страниц в Figma. Категорически против тяжелых конструкторов вроде Elementor. Нужна быстрая кастомная тема на PHP, где контент-менеджер в админке сможет сам собирать и переставлять гибкие секции страницы через 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-фильтрацией.

«Нам нужен сайт-каталог оборудования и спецтехники. В админке должен быть отдельный раздел с товарами/объектами, свои категории и бренды, страница каталога с фильтром по параметрам без перезагрузки страницы и детальная карточка объекта с техническими характеристиками.»
PHP 8.3/8.4register_post_typeregister_taxonomypre_get_posts+4
Прогресс: 0 из 7 шагов0%
Кастомные темы
Junior~6 ч

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

Создание и настройка дочерней темы WordPress для безопасного редизайна, переопределения шаблонов и расширения функций без риска потери изменений при обновлениях.

«У нас корпоративный сайт работает на популярной родительской теме (Astra/GeneratePress). Нужно сделать редизайн шапки и карточек, добавить новый функционал в functions.php, но так, чтобы мы могли спокойно нажимать кнопку Обновить тему в админке без риска сброса доработок.»
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), компиляция TypeScript, утилитарный CSS и автоматическое подключение ассетов из manifest.json.

«Разработка классической темы на Gulp/Webpack стала слишком медленной: при сохранении файлов стилей и скриптов страница перезагружается по 3-4 секунды. Нужен современный стек сборки на Vite 6 и Tailwind v4 с моментальным HMR в dev-режиме и хешированными ассетами в production.»
PHP 8.3/8.4Vite 6Tailwind CSS v4TypeScript+3
Прогресс: 0 из 5 шагов0%
Кастомные темы
Middle~10 ч

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

Реализация сложной многоуровневой навигации: расширение Walker_Nav_Menu, кастомные поля пунктов меню в админке, сетка на CSS Grid, баннеры в выпадающих блоках и клавиатурная доступность A11y.

«В шапке интернет-магазина и корпоративного каталога стандартный список wp_nav_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 эндпоинт, выборка записей и CPT через WP_Query, клиентский дебаунс (300ms), отмена устаревших запросов через AbortController и a11y-навигация стрелками.

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