Дизайн в WordPress
Страницы раздела
Заголовок раздела «Страницы раздела»Основы дизайна в WordPress
Заголовок раздела «Основы дизайна в WordPress»- WordPress для дизайнеров — Обзор возможностей WordPress как дизайн-платформы: Block Editor, Style Book, Каталог паттернов, Site Editor.
- Style Book: гид по дизайну — Ключевой инструмент дизайнера для визуального проектирования без контента.
- Иерархия блочной темы — Как устроена блочная тема: от блоков до шаблонов.
- Block-first мышление — Философия модульного дизайна: проектирование переиспользуемых компонентов.
Дизайн-системы и Design as Code
Заголовок раздела «Дизайн-системы и Design as Code»- Дизайн-системы в WordPress — Atomic Design, компонентный подход, от Figma до theme.json.
- theme.json — основа дизайн-системы WordPress и WooCommerce — Структура, design tokens, CSS-переменные, WooCommerce-специфика, lock down, интеграции, border radius presets (WP 6.9+).
- Figma → WordPress: мост через Design Tokens — Пайплайн синхронизации: Tokens Studio → vip-design-system-bridge → theme.json.
Инструменты и интеграции
Заголовок раздела «Инструменты и интеграции»- DESIGN.md для WordPress — Контракт дизайна для AI-агентов и синхронизация с theme.json, Tailwind и daisyUI.
- Tailwind CSS v4 + daisyUI в блочной теме WordPress — Интеграция utility-first и компонентного слоя с block theme и theme.json.
- Impeccable: AI-дизайн для WordPress — Open-source навык для AI-ассистентов: 23 команды, детектор антипаттернов, генерация DESIGN.md.
- Site Editor для прототипирования — Почему стоит проектировать прямо в редакторе сайта.
- Доступность (a11y) — Руководство по созданию инклюзивных сайтов и инструменты тестирования.
- Настройки темы — Цвета, шрифты, типографика и макет в Global Styles.
Композиция и макеты
Заголовок раздела «Композиция и макеты»- Композиция макетов — Group, Row/Stack, Columns: построение структуры страницы.
- Отступы и размеры — Padding, margin и block spacing: управление пространством.
- Медиа-блоки — Галерея, Media & Text, Cover: работа с изображениями и видео.
- Карусели и слайдеры — Создание слайдеров через плагины с учётом доступности.
Паттерны (Block Patterns)
Заголовок раздела «Паттерны (Block Patterns)»- Паттерны: обзор — Что такое блочные паттерны, типы, иерархия, каталог подстраниц.
- Регистрация паттернов —
/patterns-директория, PHP-регистрация, file headers, категории, unregistering. - PHP в паттернах — Интернационализация, динамические URL изображений,
foreach()-циклы, ограниченияinit. - Паттерны в шаблонах —
<!-- wp:pattern -->, DRY-принцип, практические примеры. - Block Type Patterns — Привязка паттернов к конкретным блокам, Query Loop, Template Parts.
- Стартовые паттерны — Страничные и шаблонные стартовые точки для пользователей темы.
- Block Locking и паттерны — Курирование через запрет перемещения, удаления, content-only editing.
- Источники паттернов — WordPress.org Patterns, TypeUI, Flowbite: каталоги готовых решений.