Avant-Garde: экспериментальная блочная тема для WordPress с продуманными до мелочей паттернами

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

Брайан Гарднер – далеко не новичок в разработке проектов для WP. Его свежая тема, Avant-Garde, использует по максимуму все сильные аспекты блочной системы. В своих проектах Брайан склоняется к минимализму, а потому лаконичность блочной системы играет ему на руку.

Брайан вполне мог бы давать свои мастер-классы по разработке блочных тем, настолько хороши код и дизайн Avant-Garde. Теперь эта тема стоит в моем списке кандидатов на звание лучшего проекта 2022 года. Правда, еще есть почти 10 месяцев, а потому ситуация может в корне поменяться. Все равно отмечу, что Avant-Garde сильно задирает планку качества для своих последователей.

Сразу отмечу, что мне не нравится в теме: область контента в отдельных записях и на отдельных страницах разбита на две колонки; заголовок и метаданные выровнены по левому краю, а контент – по правому.

Мне некомфортно, когда область контента выровнена по правому краю. Более естественным выглядит выравнивание по центру или по левому краю.

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

Паттерны Avant-Garde – сильная сторона темы. Всего их 14. Один из них – это дизайн домашней страницы из демо-версии. Пользователям не придется собирать его по кусочкам; просто вставьте паттерн и настройте его.

Еще мне понравился паттерн портфолио:

Здесь мы видим в работе блоки Heading, Paragraph, а также сетку блоков Image (3×3).

Также выделю паттерн Query, позволяющий выводить записи в виде списка. Если вы просто любите писать посты и не особо заморачиваетесь по поводу подбора миниатюр, он вам непременно пригодится:

В Avant-Garde есть и несколько альтернативных паттернов Query, если вам не подходит дизайн, приведенный выше.

В теме есть два варианта футера. Первый – базовый – включает в себя текст «Design with courage»:

Второй вариант ориентирован в большей степени на бизнес. Здесь выводится центрированный текст с кнопкой для связи с владельцем сайта.

В Avant-Garde есть паттерн для вывода в футере текста и ссылок, связанных с авторскими правами (если вам нравится более традиционный «подвал»).

В теме нет большого количества кастомных блочных стилей. Некоторые параметры Button можно будет убрать, когда в ядре появится поддержка границ для этого блока. Стиль «no margin» («Без полей») для блока Paragraph позволяет реализовать отсутствующую в данный момент функцию WordPress.

Уникальные опции: стили shadow и full-height для блока Group. Также есть framed-изображения, которые можно видеть в паттерне для портфолио.

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

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

Блог про WordPress
Добавить комментарий

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