Контрибьюторы предложили внедрить темизацию в дизайн-систему WordPress 7.1 – фундамент для редизайна админ-панели

Разработчик из Automattic Эндрю Дати опубликовал предложение о слиянии, которое предусматривает внедрение темизации в дизайн-систему WordPress 7.1 и закладывает фундамент для долгожданного редизайна админ-панели.

Дати, входящий в команду, работающую над библиотекой компонентов Gutenberg, опубликовал предложение в блоге Make WordPress Core во вторник. Предложение предусматривает слияние двух зарегистрированных в ядре ресурсов: таблицы стилей wp-theme, содержащей предварительно созданные CSS-свойства для стандартной темы админ-панели, и JS-пакета wp-theme с React-компонентом ThemeProvider для расширения стандартной темы в областях административного интерфейса.

Оба компонента построены на базе дизайн-токенов, например, произвольных CSS-свойств для цвета, типографики, границ и визуального объема. Их слияние означало бы, что вместо хардкодинга значений для всех компонентов админ-панели, основные разработчики могли бы ссылаться на общий набор свойств, и при изменении значения токена в одном месте обновление происходило бы повсюду.

«Использование свойств дизайн-токенов вместо жестко заданных значений помогает обеспечить согласованность между компонентами, поддерживая при этом кастомизацию, такую как пользовательские цветовые схемы», — написал Дати.

Эти токены соответствуют спецификации W3C Design Tokens, первая стабильная версия которой была опубликована в конце прошлого года и которая применяется в таких инструментах, как Figma. Дати охарактеризовал этот шаг как следование WordPress лучшим практикам отрасли, отметив, что документированные семантические токены также хорошо понимаются ИИ-агентами, что, по его словам, помогает «избежать путаницы для разработчиков и ИИ-агентов при выборе наилучшей стилизации для элемента UI».

Текущий прогресс основан на концепции дизайна админ-панели, предложенной архитектором Gutenberg Матиасом Вентурой в 2023 году; он рекомендовал модернизировать админ-панель WordPress в рамках третьего этапа дорожной карты Gutenberg. Редизайн админ-панели планировали выпустить в WordPress 6.9, но в сентябре 2025 года эти планы отложили. Вместо этого в WordPress 7.0 были добавлены только новые CSS-стили. Во время обсуждения с контрибьюторами в феврале Вентура честно заявил, что это обновление не является редизайном, назвав его «просто новыми цветами». Соучредитель WordPress Мэтт Малленвег согласился, что улучшение не оправдало ожиданий. «Это не то, на что я надеялся», — сказал он.

Дати отметил, что обновление внешнего вида админ-панели в 7.0 – это именно тот тип проблем, который призвана решить дизайн-система. Без общего набора токенов контрибьюторам требовалось вручную проходиться по коду и заменять отдельные значения по одному.

Токены не ограничиваются React-экранами, такими как блочный редактор или редактор сайта. Дати сказал, что со временем они будут внедрены на все экраны админ-панели, включая PHP-поверхности, которые по-прежнему составляют значительную часть wp-admin.

По словам Дати, одним из «самых амбициозных результатов» проекта является инструмент для генерации цветовых палитр на основе акцентного и фонового цветов. Этот инструмент позволяет создавать настраиваемую, визуально гармоничную цветовую палитру, обеспечивающую доступный контраст между используемыми цветовыми значениями.

«Конфигурируемость — важный аспект темизации, и она имеет решающее значение для реализации ряда сценариев использования, которые должны поддерживаться», — написал Дати, перечисляя такие варианты, как возможность персонализации админ-панели со стороны пользователей, возможность для разработчиков плагинов подчеркнуть свой бренд и внедрение функционала «темного режима».

Пользователи в версии 7.1 вряд ли заметят какие-либо изменения. По словам Дати, дефолтная тема была специально разработана так, чтобы соответствовать существующим стилям админ-панели. Но одно улучшение юзеры все же увидят: цветовая схема администратора будет применяться к редактору сайта (Site Editor), который в настоящее время ее не учитывает. В Gutenberg 23.3 был внедрен пакет @wordpress/theme в DataViews, это первое крупное использование в коде.

«Поскольку в разработке компонентов UI мы сосредоточены на долгосрочной устойчивости, особый интерес для нас представляют любые риски или конфликты, которые следует учитывать в предлагаемой реализации», — написал Дати.

Предложение открыто для отзывов, которые можно оставлять в комментариях к посту Дати, но времени осталось мало. Выпуск первой бета-версии WordPress 7.1 запланирован на следующий вторник (15 июля), а финальный релиз — на 19 августа во время WordCamp US в Финиксе.

Источник: https://www.therepository.email

Дмитрий/ автор статьи
CCO, Senior SEM/PPC Specialist, WordPress-энтузиаст, переводчик с английского и немецкого. Серый кардинал русскоязычного WP-комьюнити.
Блог про WordPress
Добавить комментарий

Получать новые комментарии по электронной почте.