Skatepark: яркая блочная WordPress-тема для компаний

Не так давно в каталоге WordPress.org появилась блочная тема Skatepark от Automattic. Она была разработана для компаний и event-агентств, но хорошо подойдет и для других индустрий.

Для тех, кто ведет счет: это уже 52 блочная тема на пути к 3000. Именно такое количество тем указывал Мэтт Мулленвег для перехода к следующей фазе проекта Gutenberg – фазе Коллаборации. За последние несколько месяцев темпы выпуска блочных тем ускорились.

Блог Миши Рудрастых

Skatepark – это уже десятая тема от Automattic Theme Team, появившаяся в каталоге WordPress.org.

Как бы описать цветовую схему Skatepark? ОЧЕНЬ. МНОГО. ЗЕЛЕНОГО.

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

В классическую эру я бы просто деактивировал и удалил эту тему. Но сегодня редактор сайта и глобальные стили позволяют относительно легко настраивать цвета.

Первым делом я кое-что изменил:

В итоге мои глаза приспособились. В теме есть много интересных моментов. Смелые варианты типографики, активное использование свободного пространства – все это толкает к экспериментированию.

Skatepark включает в себя 10 блочных паттернов.

Мой любимый паттерн – «Columns in container». Это блок Group, который включает в себя несколько других элементов:

Часто это именно то, что требуется пользователям.

Уникальный паттерн в этой теме – «Full width image with aside caption”. Здесь мы получаем блок Image, за которым идет Columns. В данном случае под caption подразумевается Separator и Paragraph.

Концепция хорошая, но реализация спорная. Тот же дизайн можно было бы повторить с помощью произвольного стиля для блока Image и нескольких строк CSS для элемента caption. Возможно, команда разработчиков хотела дать пользователям больше настроек.

Подписи (Captions) в данный момент не являются отдельными блоками. Однако есть открытый тикет, в котором предложено отделить их от родительских контейнеров. Это позволит более гибко настраивать дизайн.

Еще одним удачным паттерном можно назвать «Paragraph with quote».

В техническом плане это трехколоночный дизайн. Левый столбец пустой, а два других содержат контент. Это создает иллюзию того, что блок Quote – единственное, что выходит за пределы контейнера.

Такой подход использовался раньше для выравнивания блоков. Но он часто дает сбой, особенно в случаях с разными размерами экрана. В 2022 году аналогичный дизайн можно реализовать с помощью CSS, а не этих «костылей» со столбцами. Увы, но авторы тем используют те инструменты, которые у них есть сейчас под рукой. Пока основные инструменты проектирования «дозревают», авторам тем придется ставить такие эксперименты и вводить новшества разными способами.

Главный плюс темы Skatepark для меня – удобочитаемая типографика. Цветовая гамма – не мое, но за эксперименты хочется поставить 5 баллов.

Источник: wptavern.com

Блог про WordPress
Комментарии: 5
  1. Андрей

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

    1. Дмитрий (автор)

      Да, по визуалу не очень. Но стили легко меняются.
      Просто пытаются показать, что рынок блочных тем хоть как-то расширяется.

    2. Андрей

      Увы, одними стилями тут не отделаешься. Если переделывать, то проще новую тему создать.
      «пытаются показать, что рынок блочных тем хоть как-то расширяется», — если так, то может и уместен релиз, хотя если задуматься о количестве потраченных часов, то все равно не понимаю: лучше 1 тему, но качественную, чем 10, но ради видимости, тренда и так далее. (Особенно если учесть, что в сообществе — дураков мало, и многие разработчики тем просто ждут вменяемой реализации FSE, чтобы разок переобучиться и создавать новые темы.)

      1. Дмитрий (автор)

        Мэтт сказал: надо три тысячи наштамповать. Вот Automattic и сидят, клепают)

      2. Андрей

        Тогда без вариантов. Есть приказ — надо выполнять. :)

Добавить комментарий для Андрей Отменить ответ

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