Principal/WordPress Fullstack/Blueprints/Gutenberg y FSE/Biblioteca de patrones del tema con Pattern Overrides
Volver a tarjetas «Gutenberg y FSE»
Gutenberg y FSE(ТЗ 35 из 54)
Especificación: Biblioteca de patrones del tema con Pattern Overrides
Gutenberg y FSE5 шагов • +25 XP

Especificación: Biblioteca de patrones del tema con Pattern Overrides

Desarrollo de patrones de bloques sincronizados con anulación de contenido (Pattern Overrides): actualización centralizada del diseño y la estructura visual con textos e imágenes personalizados en cada página.

~8 ч работыУровень: MiddleWordPress 6.6+ / 7.0Block Patterns APIPattern Overridespatterns/*.phpSynced PatternsFull Site Editing
+5 XP за шаг
Выполнено 0 из 5 шагов (0%)
Трудозатраты~8 рабочих часов
Фриланс вилка~$360 – $600 (€320 – €560)
Оценка веб-студии~$760 – $1,280 (€720 – €1200)

ТЗ заказчика (исходный бриф):

Queremos utilizar patrones idénticos para tarjetas de equipo, productos destacados y testimonios en 50 páginas. Cuando cambiemos el diseño del patrón, todas las páginas deben actualizarse, pero conservando los textos y fotos propios de cada página.
Ключевые требования:
  • •Creación de patrones sincronizados con soporte de Pattern Overrides (WordPress 6.5+ / 6.6+)
  • •Definición de bloques editables mediante el atributo 'metadata': { 'name': 'NombreÚnico' }
  • •Soporte para sustitución de texto e imágenes en Heading, Paragraph, Button e Image dentro del mismo patrón
  • •Comprobación de que la actualización del patrón maestro preserve intacto el contenido local
  • •Organización estructurada en la carpeta /patterns/ con categorías y etiquetas descriptivas
Ограничения проекта:
  • •Requisito de WordPress 6.5 o posterior
  • •La anulación de contenido solo funciona con bloques admitidos (Heading, Paragraph, Button, Image)
Критерии приёмки (KPI):
  • La modificación del patrón maestro actualiza el 100% de las instancias del sitio web
  • Cero pérdidas de textos o imágenes personalizadas tras actualizar la estructura del patrón
  • Interfaz intuitiva en el editor señalando con claridad los elementos editables

Конфигурация блупринта под условия проекта

Выберите архитектуру и стек — шаги роадмапа, структура файлов и примеры кода переключатся автоматически:

Пошаговое практическое руководство по ТЗ

Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу:

1
Этап 1 из 5

Paso 1: Estructura del archivo de patrón en la carpeta /patterns/

~20 минЛегкий

Практическое руководство:

Cree el archivo /patterns/team-card.php con las cabeceras: Title, Slug, Categories, Inserter y Sync Status: fully.

План и контрольные точки реализации:
1Зарегистрировать категорию agenticlab-commercial
2Проверить появление вкладки в библиотеке паттернов редактора
Важные технические нюансы и подводные камни:

La funcionalidad de Pattern Overrides solo se aplica a patrones sincronizados.

Ожидаемый артефакт этапа:

Фирменная категория в каталоге паттернов WordPress.

PHP
<?php
// functions.php - Категории паттернов
declare(strict_types=1);

add_action('init', function (): void {
    register_block_pattern_category('agenticlab-commercial', [
        'label' => 'Fullstack AI Lab: Коммерческие блоки',
    ]);
});
2
Этап 2 из 5

Paso 2: Declaración de bloques editables con el atributo metadata.name

~40 минСредний
3
Этап 3 из 5

Paso 3: Inserción del patrón y prueba de anulación de contenidos

~25 минЛегкий
4
Этап 4 из 5

Paso 4: Modificación del patrón maestro y comprobación global

~25 минЛегкий
5
Этап 5 из 5

Paso 5: Documentación para el cliente y organización del catálogo

~20 минЛегкий

Типичные грабли на этом ТЗ

2 антипаттерна

Инструменты экосистемы Fullstack AI Lab для этого ТЗ

Интеграция

AI-Собеседование

Пройти голосовое или текстовое интервью по технологиям ТЗ

Архитектурные Воркфлоу

43 пошаговых сценария с командами CLI и готовыми конфигами