Изучение Seedlet, блочной темы WordPress от Automattic

26 августа Automattic запустила новую тему под названием Seedlet , ориентированную на интеграцию с редактором блоков WordPress. Несколько дней спустя он также был размещен в каталоге тем WordPress.org . Команда разработчиков темы хотела создать тему, которая могла бы перейти к полному редактированию сайта в конце этого года, когда появится WordPress 5.6.

Seedlet широко использует функции, которые интегрируются с редактором блоков. Он делает это самым простым способом, что свидетельствует о том, насколько проще становится разработка тем на заре эры блочных тем. В теме широко используются поддерживаемые темой функции, такие как настраиваемые размеры шрифтов, цвета и градиенты. Для интеграции требуется дополнительный шаг за счет регистрации стилей и шаблонов блоков.

Seedlet почти ощущается как кожа вокруг редактора блоков. Это яркий пример будущего, к которому мы стремимся, что будет означать, что меньше внимания уделяется коду и больше внимания уделяется конфигурации дизайна. Темы не будут темами в традиционном смысле. Я использую термин «скин», потому что он относится к различным системам в былые времена, когда дизайнеры просто добавляли CSS для оформления сайта. Темы WordPress всегда будут немного сложнее, чем простая таблица стилей, но не более того. Мы вернемся к основам CSS и HTML.

Это то, что я вижу, когда просматриваю код темы Seedlet. Хотя в нем все еще есть много PHP, есть безошибочная структура, которая четко говорит о том, что разработка этой темы меняется – и вот как это выглядит по мере перехода.

Я видел много тем, которые разработчики создали для работы с редактором блоков. Тем не менее, я видел лишь некоторые из них, которые придерживались подхода «сначала редактор блоков». Это почти незаметно, и если вы не работали над темой годами, вы можете ее пропустить. Тематическая команда Automattic едет на ветру перемен. Авторам тем, которые хотят поехать вместе, следует обратить внимание на то, к чему будет развиваться этот проект в ближайшие месяцы.

Единственное, чего я не понимаю, это почему Automattic не решил добавить в тему тег «Стили редактора блоков». Он явно добавляет такие стили. Это упущенная возможность помочь пользователям найти темы, совместимые с редактором блоков.

Тема понравится не каждому. По сути, это основная тема ведения блога. Однако его широко открытое полотно делает его подходящим для самых разных сайтов. Типографика темы актуальна, создавая комфортный темп чтения для более объемной работы. В этой теме есть что нравится, но меня в первую очередь интересует то, что команда разработчиков создала для редактора блоков.

Кьелл Рейгстад, главный дизайнер темы, также объявил, что команда работает над полностью блочной версией под названием Seedlet Blocks . Текущий план состоит в том, чтобы продолжить его итерацию и запустить как отдельную автономную тему в будущем.

Экспериментируйте с узорами блоков

Хотя Seedlet включает только три шаблона блоков, они сразу бросились в глаза. Шаблоны не слишком сложные, но они представляют собой уникальные дизайны, в которых используются основные блоки со смесью предустановок темы, таких как настраиваемые градиенты и стили блоков.

Шаблон «Группа с разделенным фоном» использует блок «Группа» с заданным диагональным градиентом темы для создания фона для блока изображения. Это не особо революционный дизайн. Однако красота в простоте. Это показывает, что авторы тем могут создавать интересные дизайны, не добавляя лишнего кода CSS.

Шаблон темы «Группа с перекрытием изображений» повышает ее сложность. Начиная с той же концепции блока Group с другим предустановленным настраиваемым градиентом, он добавляет блок Columns. В левом столбце пользователи могут добавлять два изображения, сложенные стопкой. В правом столбце пользователи могут добавить одно изображение. Конечным результатом является настраиваемый макет – в первую очередь из-за градиентного фона – где два изображения из левого столбца перекрывают сплошной фон.

Этот метод прост с точки зрения кода, но для создания концепции требуется хороший дизайнер. Мы только сейчас касаемся того, чего смогут достичь дизайнеры тем, когда они начнут думать о применении различных техник к блочной системе. У Seedlet есть что-то вроде нестандартного мышления с использованием градиентов. Нам нужно больше узнавать об этом от тематического сообщества.