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
Источник: oddstyle.ru