![](https://oddstyle.ru/wp-content/uploads/2022/02/skatepark-1536x1267-1.jpg)
Не так давно в каталоге WordPress.org появилась блочная тема Skatepark от Automattic. Она была разработана для компаний и event-агентств, но хорошо подойдет и для других индустрий.
Для тех, кто ведет счет: это уже 52 блочная тема на пути к 3000. Именно такое количество тем указывал Мэтт Мулленвег для перехода к следующей фазе проекта Gutenberg – фазе Коллаборации. За последние несколько месяцев темпы выпуска блочных тем ускорились.
![Блог Миши Рудрастых](https://oddstyle.ru/wp-content/uploads/2020/09/banner2.jpg)
Skatepark – это уже десятая тема от Automattic Theme Team, появившаяся в каталоге WordPress.org.
Как бы описать цветовую схему Skatepark? ОЧЕНЬ. МНОГО. ЗЕЛЕНОГО.
Мне нравятся эксперименты. Нам нужны они в сообществе WordPress. Мне базовая цветовая схема не нравится, но, возможно, кому-то она идеально подойдет.
В классическую эру я бы просто деактивировал и удалил эту тему. Но сегодня редактор сайта и глобальные стили позволяют относительно легко настраивать цвета.
Первым делом я кое-что изменил:
![](https://oddstyle.ru/wp-content/uploads/2022/02/skatepark-global-styles-1536x719-1.jpg)
В итоге мои глаза приспособились. В теме есть много интересных моментов. Смелые варианты типографики, активное использование свободного пространства – все это толкает к экспериментированию.
Skatepark включает в себя 10 блочных паттернов.
Мой любимый паттерн – «Columns in container». Это блок Group, который включает в себя несколько других элементов:
![](https://oddstyle.ru/wp-content/uploads/2022/02/skatepark-columns-in-container-1914x2048-1.jpg)
Часто это именно то, что требуется пользователям.
Уникальный паттерн в этой теме – «Full width image with aside caption”. Здесь мы получаем блок Image, за которым идет Columns. В данном случае под caption подразумевается Separator и Paragraph.
![](https://oddstyle.ru/wp-content/uploads/2022/02/skatepark-aside-caption-1536x702-1.jpg)
Концепция хорошая, но реализация спорная. Тот же дизайн можно было бы повторить с помощью произвольного стиля для блока Image и нескольких строк CSS для элемента caption. Возможно, команда разработчиков хотела дать пользователям больше настроек.
Подписи (Captions) в данный момент не являются отдельными блоками. Однако есть открытый тикет, в котором предложено отделить их от родительских контейнеров. Это позволит более гибко настраивать дизайн.
Еще одним удачным паттерном можно назвать «Paragraph with quote».
![](https://oddstyle.ru/wp-content/uploads/2022/02/skatepark-p-w-quote-1536x778-1.jpg)
В техническом плане это трехколоночный дизайн. Левый столбец пустой, а два других содержат контент. Это создает иллюзию того, что блок Quote – единственное, что выходит за пределы контейнера.
Такой подход использовался раньше для выравнивания блоков. Но он часто дает сбой, особенно в случаях с разными размерами экрана. В 2022 году аналогичный дизайн можно реализовать с помощью CSS, а не этих «костылей» со столбцами. Увы, но авторы тем используют те инструменты, которые у них есть сейчас под рукой. Пока основные инструменты проектирования «дозревают», авторам тем придется ставить такие эксперименты и вводить новшества разными способами.
Главный плюс темы Skatepark для меня – удобочитаемая типографика. Цветовая гамма – не мое, но за эксперименты хочется поставить 5 баллов.
Источник: wptavern.com