Это была напряженная неделя, и я чуть не пропустил один из самых нужных мне компонентов в Gutenberg 12.5 RC 1 . Функция глобальных вариаций стилей незаметно пробралась внутрь, пока все остальные знакомились с WordPress 5.9. Официальный релиз версии 12.5 ожидается не раньше следующей недели, но это не помешало мне протестировать ее.
Что такое глобальные вариации стиля? Я предполагаю, что вы пропустили мой пост , восхваляющий эту идею в ноябре прошлого года .
По сути, глобальная вариация стиля — это выбираемый пользователем скин для активной в данный момент темы. Например, тема с синей цветовой схемой по умолчанию может включать зеленые, фиолетовые или красные альтернативы. Идея не ограничивается цветами. В ход идет все, что можно изменить с помощью глобальной системы стилей, например типографика, макет, границы и многое другое.
С точки зрения разработчика темы, они будут размещать пользовательские stylename.json файлы в /styles папке в своих темах. Gutenberg и, в конечном итоге, WordPress автоматически зарегистрируют их в системе.
Эта функция должна была появиться в WordPress 5.9, и тема Twenty Twenty-Two должна была стать ее открытием. Тем не менее, это не было завершено, и теперь он находится в планах для WordPress 6.0.
Мне не потребовалось много времени, чтобы создать пару дополнительных вариантов для моей пользовательской темы. Я мог изменить свою цветовую схему и шрифты одним нажатием кнопки.
Если это кажется жутко похожим на другую функцию, которая уже существует в WordPress, вы не одиноки в этом чувстве. Детская тематика родилась из той же идеи предлагать варианты дизайна для одной и той же темы.
Дочерние темы не всегда были возможны в WordPress. Их популярность росла благодаря массовым усилиям и сторонним плагинам, и их первое использование заключалось в предоставлении другого дизайна через стандартный style.css файл. Пользователи могли сохранить все на своем сайте без изменений и добавить новый слой краски, когда захотят.
В конце 2000-х был период расцвета индустрии детских тем. Тема Sandbox была одной из первых, в которой использовалась эта функция, и другие, такие как Thematic, продолжали продвигать эту идею. Бытие со временем стало одним из самых известных произведений, использующих дочерние темы.
Однако тематизация детей стала самостоятельным звеном. Это отошло от первоначальной идеи создания веб-сайта для создания полномасштабных тем размером , иногда больше, чем их родителей.
Глобальные вариации стилей возвращают нас к первоначальной основе. Это возвращает нас к чему-то более похожему на красоту дизайна CSS Zen Garden с помощью CSS, одного из основополагающих обещаний дочерних тем.
Есть одно отличие. Варианты размещаются в файле JSON, а не в файле style.css. Первый представляет собой стандартный файл конфигурации, который позволяет пользователям дополнительно настраивать свой дизайн с помощью редактора сайта.
Дочерние темы по-прежнему будут иметь свое место в мире WordPress. Бывают случаи, когда разработчикам и конечным пользователям «сделай сам» необходимо настроить что-то сверх того, что возможно с помощью редактора сайта. Тем не менее, глобальные вариации стиля во многих случаях предложат заманчивую альтернативу.
Многообещающе увидеть эту землю в начале цикла выпуска WordPress 6.0. Эта функция все еще нуждается в некоторой доработке, прежде чем она будет готова для ядра, например, выяснить, как лучше всего сохранить пользовательские настройки вариантов стиля.
Примечания для авторов тем
В руководстве по редактору блоков уже есть документация по глобальным вариациям стилей . Он короткий, но пользовательские файлы JSON должны следовать стандартной theme.json схеме. В документах не упоминается, что вам нужно добавить version ключ в каждый файл:
{ “verson”: 2, }
Если бы я его не добавлял, ни одна из моих вариаций не работала в тестировании. Я не знаю, если это ошибка или намеренно. Я ожидал, что он вернется к настройке из основного theme.json файла.
Вы также не можете перезаписать одно значение в массиве элементов. Например, при добавлении settings.colors.palette значения оно заменяет всю палитру.
