У Брайана Гарднера , основателя StudioPress и соавтора Genesis Framework, появилась новая блочная тема в каталоге под названием Bright Mode . Тема имеет яркую цветовую палитру с изящными градиентами, 14 красиво оформленных шаблонов блоков и множество забавных вариаций, спрятанных в пользовательские стили блоков.
Трудно найти нишу для многих блочных тем, поскольку шаблоны делают их достаточно гибкими, чтобы служить практически любому варианту использования. Яркий режим попадает в эту категорию. Его можно легко использовать в качестве делового или личного веб-сайта, блога или портфолио.
Если присмотреться, можно увидеть тонкие намеки на фирменный стиль Гарднера. Это откровенно и минималистично, с тщательным вниманием к типографике и интервалам. Цвета яркие, но гармоничные и сбалансированные, что не исключает возможности использования яркого режима в профессиональных контекстах.
У Гарднера уникальная перспектива как у одного из авторов темы OG с первых дней создания тем WordPress, когда все только начиналось. Он помог запустить коммерческую экосистему тем со своей темой Revolution и продолжает привносить тот же новаторский дух в новый мир блочных тем.
«Прошлым летом я прочитал статью Джастина Тэдлока о шаблонах блоков и каталоге шаблонов (который в то время находился в стадии бета-тестирования)», — сказал Гарднер. «Он подключился к нему, и я потратил несколько минут, щелкая по нему. Наконец, я увидел шаблон, который мне показался классным, и нажал кнопку «копировать шаблон». Я хотел посмотреть, как все это работает, поэтому открыл пост в своем блоге и вставил код. Вуаля, вот оно. В тот момент я понял — передо мной промелькнул потенциал современного WordPress».
Новая тема Гарднера использует шаблоны для определения каждого раздела, который вы видите в демонстрации . Яркий режим предлагает красочный набор шаблонов, которые пользователи могут вставлять на свои сайты, включая изображение обложки с заголовком, текстом и кнопками, несколько отзывов, различные макеты запросов и несколько дизайнов нижнего колонтитула и заголовка. Просмотрите демонстрацию , чтобы увидеть их все в действии с демонстрационным содержимым.
В настоящее время Гарднер создает новые узоры, чтобы добавить их в коллекцию Bright Mode. Он сказал, что следующими, вероятно, будут разделы героев, избранные блоки, призывы к действию, страница ссылок и шаблоны портфолио.
«Я потратил несколько месяцев на итерацию дизайна для яркого режима, поэтому я почувствовал необходимость выполнить две вещи: отправить его и оставить дверь открытой для добавления большего», — сказал Гарднер.
Когда вы впервые устанавливаете Bright Mode и нажимаете «Настроить», это не похоже на демонстрацию. Пользователям придется вставлять шаблоны, чтобы он выглядел ближе к скриншотам. Я спросил Гарднера о вставке шаблонов на домашнюю страницу по умолчанию, чтобы соответствовать демонстрации, и он сказал, что это возможно для будущего обновления.
«Что касается вставки шаблонов по умолчанию, единственный пример, который может быть полезен, — это домашняя страница яркого режима, которая представляет собой просто шаблон приветствия, а затем цикл сетки ниже», — сказал он. «Конечно, поскольку я добавляю больше шаблонов, это может быть частью обновления».
Одной из уникальных особенностей этой темы является то, что блок «Заголовки» имеет набор забавных стилей блоков, которые создают различные цветовые градиенты для текста.
«Доступность и цветовой контраст были первостепенными при разработке этой темы, настолько, что я даже создал страницу «Цвета », — сказал Гарднер. Он стремится вдохновить больше авторов тем учитывать цвета, учитывая, что многие недавно выпущенные темы FSE не имеют какого-либо преднамеренного подхода к цветам. Гарднер определил набор первичных, вторичных и третичных цветов, которые используются в разных стилях блоков по всей теме.
«Первичные, вторичные и третичные цвета проходят тесты на контрастность уровня WCAG 2.0 AA и уровня WCAG AAA для следующего: обычный текст, крупный текст, графические объекты и компоненты пользовательского интерфейса», — сказал Гарднер.
Просмотрев Руководство по стилю , вы можете увидеть цвета, применяемые к кнопкам, цитатам и значкам социальных сетей.
Яркий режим предлагает несколько различных вариантов стиля в блоке Quotes. Они могут быть однотонными или иметь цветной или градиентный фон. Цитаты без фона также могут быть подчеркнуты цветовым градиентом. Хорошая вещь в том, что это может быть изменено для каждой цитаты и не обязательно должно быть одинаковым для каждой цитаты. Пользователи могут получить массу удовольствия, настраивая свои котировки с помощью различных дизайнов. Некоторые из них изображены ниже. При умеренном использовании по всему сайту они довольно бросаются в глаза.
Одним из аспектов яркого режима, который, по словам Гарднера, ему больше всего нравится в этой теме, является то, как блок обложки используется на отдельных страницах . Он помещает избранное изображение в блок «Обложка», а также предлагает пользовательские стили блоков для теней и вариантов полной высоты. (Запасной вариант — просто черный заголовок с заголовком). «Я чувствую, что это действительно демонстрирует возможности современного WordPress», — сказал Гарднер.
После тестирования темы я был удивлен тем, сколько скрытых жемчужин можно обнаружить в стилях блоков, и насколько творческий контроль над каждым аспектом есть у пользователей. Единственное, что я хотел бы изменить, это сделать так, чтобы домашняя страница выглядела похожей на демонстрацию, чтобы пользователи чувствовали, что у них есть надежная отправная точка, и им не нужно искать шаблоны для воспроизведения демонстрации. У Гарднера есть талант создавать эстетически приятные шаблоны, и в этом случае более разнообразный набор, который он планирует (портфолио, призыв к действию и т. д.), позволит использовать яркий режим в большем количестве контекстов.
Хотя многие традиционные авторы тем по-прежнему сопротивляются блокировке тем, которые становятся более заметными в каталоге тем, Гарднер имеет привилегию иметь постоянную работу в качестве защитника разработчиков в WP Engine, где ему платят за взаимодействие с сообществом и помощь пользователям в переходе на редактор блоков и полное редактирование сайта.
«По сути, мне платят за то, чтобы идти в ногу с развитием Gutenberg и новыми возможностями WordPress», — сказал Гарднер. «Поэтому, естественно, это позволяет легко экспериментировать с темами (как мы делаем с Frost ) и возвращать ресурсы, такие как наш недавно запущенный сайт для строителей . Кроме того, я провожу свое свободное время по ночам и по выходным, глубоко копая, чтобы увидеть, насколько далеко я могу зайти творчески».
Bright Mode — это результат его личных исследований возможностей блочной тематики. Он доступен бесплатно на WordPress.org или через экран установки тем в панели администратора. Дополнительные шаблоны, шаблоны и вариации появятся в будущих обновлениях темы. Bright Mode входит в число первых 100 блочных тем в каталоге, и сегодня WordPress.org преодолел эту веху.
