Bright Mode: новая блочная тема с яркими цветами, паттернами и кастомными блочными стилями

Брайан Гарднер, основатель StudioPress и один из создателей Genesis Framework, добавил в каталог WordPress.org новую тему под названием Bright Mode. Тема отличается яркой цветовой палитрой с изящными градиентами, включает в себя 14 прекрасно стилизованных блочных паттернов, а также множество забавных вариаций, поставляемых в виде кастомных блочных стилей.

Найти какую-то определенную нишу для своей темы достаточно сложно, поскольку сегодня паттерны и шаблоны помогают сделать проекты максимально гибкими, чтобы тема подходила под любой формат использования. Bright Mode относится именно к этой категории. Ее легко можно применять и для создания делового сайта, и для ведения персонального сайта, блога или портфолио.

Если присмотреться, можно увидеть тонкие отсылки к фирменному стилю Гарднера. Это прямолинейные, минималистические акценты, дополненные пристальным вниманием к типографике и отступам. Цвета выбраны яркие, но гармоничные, что не исключает применения Bright Mode в профессиональном контексте.

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

«Прошлым летом я прочел статью Джастина Тэдлока о блочных паттернах и директории паттернов (которая тогда была в бета-версии)», — поделился своим мнением Брайан. – «В статье была ссылка на директорию, и я немного прошелся по ней, покликал. Наконец, я увидел паттерн, который мне показался классным, после чего я скопировал его. Я хотел посмотреть, как все это работает, потому открыл пост в своем блоге и вставил код паттерна. В тот момент я все осознал – мне открылся потенциал современного WordPress».

Новая тема Брайана использует паттерны для задания всех секций, которые вы видите в демо-версии. В Bright Mode имеется набор красочных паттернов, которые можно вставлять на сайты, включая паттерны для Cover-секций, секций с отзывами, паттерны для разметок под разные запросы, для разных дизайнов футера и хэдера. Вы можете посмотреть демо-версию, чтобы увидеть паттерны в деле.

В настоящий момент Брайан проектирует новые паттерны для добавления к коллекции Bright Mode. Он сказал, что следующими паттернами будут, скорее всего, hero-секции, панели с избранным содержимым, CTA-секции, страницы ссылок и портфолио.

«Я потратил несколько месяцев на дизайн Bright Mode. Затем я решил, что пора сделать две вещи: отправить тему в каталог и оставить дверь открытой для добавления дополнительных возможностей в будущем», — поделился мнением Брайан.

Когда вы впервые ставите Bright Mode и кликаете по Customize, вы не получаете того, что видите в демо-версии. Вам нужно еще добавить паттерны, чтобы сделать внешний вид приближенным к скриншотам. Я узнал у Брайана, возможно ли получить паттерны на главной странице по умолчанию, чтобы тема полностью отвечала демо-версии, и он ответил, что это может появиться в будущем обновлении.

«Что касается добавления паттернов по умолчанию: это полезно только для главной страницы, которая содержит паттерн Welcome и цикл в формате сетки», — отметил Брайан. – «Конечно, это может войти в следующее обновление вместе с новыми паттернами».

Одной из уникальных особенностей темы является то, что блок Headings обладает забавными блочными стилями, которые позволяют создавать разные цветовые градиенты для текста.

«Доступность и цветовой контраст были первостепенными при разработке темы – настолько, что я даже создал страницу Colors», — отметил Брайан. Он стремится вдохновить авторов тем на грамотную работу с цветами. В недавно выпущенных темах нет такой скрупулезности в плане подбора цветовых комбинаций. Брайан задал набор первичных, вторичных и третичных цветов, которые используются в разных блочных стилях по всей теме.

«Первичные, вторичные и третичные цвета проходят тесты на контрастность (WCAG 2.0 уровня AA и WCAG уровня AAA) для таких элементов, как: обычный текст, крупный текст, графические объекты и компоненты пользовательского интерфейса», — поделился деталями Гарднер.

В Style Guide вы можете видеть цвета, применяемые к кнопкам, цитатам и значкам социальных сетей.

В Bright Mode имеется несколько разных стилевых опций для блока Quotes. Цитаты могут быть однотонными или иметь цветной/градиентный фон. Цитаты без фона также могут иметь нижнее подчеркивание в виде градиента. Все это можно менять отдельно для каждой цитаты. При умеренном использовании такие блоки позволяют привлечь внимание.

 

Что самому Брайану нравится больше всего в теме Bright Mode – это то, как блок Cover используется на отдельных страницах. Миниатюра вносится в блок Cover, который также содержит кастомные блочные стили для теней и полноразмерного вывода. В качестве отката применяется обычный черный хэдер с заголовком. «Все это позволяет продемонстрировать истинные возможности современного WordPress», — отметил Брайан.

Я удивлен, сколько скрытых жемчужин можно обнаружить в блочных стилях, какой творческий контроль они дают. У Брайана есть талант к созданию эстетически приятных паттернов, которые он планирует расширить, чтобы Bright Mode можно было применять в больших контекстах.

Многие авторы традиционных тем по-прежнему сопротивляются увеличению видимости блочных тем, которых становится все больше и больше в каталоге WordPress. Стоит отметить, что Брайан занимает позицию Developer Advocate в компании WP Engine: он взаимодействует с сообществом и помогает пользователям переходить к блочному редактору и FSE-функционалу.

«По сути, мне платят за то, чтобы сообщество шло в ногу с разработкой Gutenberg и WordPress», — отметил Брайан. – «Все это позволяет экспериментировать с темами (как мы это делали с Frost) и отдавать ресурсы обратно в сообщество, как в случае с Builders. Кроме того, все свое свободное время по выходным я играюсь с темами, чтобы увидеть, насколько далеко я смогу зайти в творческом смысле».

Bright Mode – результат личного энтузиазма Брайана применительно к возможностям блочных тем. Тема доступна бесплатно на WordPress.org либо через админку. Дополнительные паттерны, шаблоны и вариации появятся в следующих обновлениях. Bright Mode замыкает сотню первых блочных тем в каталоге WordPress.org.

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

Сохранено из oddstyle.ru

%d такие блоггеры, как: