Tryb jasny: nowy motyw blokowy z żywymi kolorami, wzorami i niestandardowymi stylami bloków

Brian Gardner, założyciel StudioPress i współtwórca Genesis Framework, ma nowy motyw blokowy w katalogu o nazwie Bright Mode. Motyw zawiera żywą paletę kolorów z gustownymi gradientami, 14 pięknie zaprojektowanych wzorów bloków i tak wiele zabawnych wariacji schowanych w niestandardowych stylach bloków.

Trudno jest znaleźć niszę dla wielu motywów blokowych, ponieważ wzory i szablony sprawiają, że są wystarczająco elastyczne, aby służyć niemal w każdym przypadku użycia. Tryb jasny należy do tej kategorii. Może być z łatwością wykorzystany jako biznesowa lub osobista strona internetowa, blog lub portfolio.

Jeśli przyjrzysz się uważnie, zobaczysz subtelne ślady charakterystycznego stylu Gardnera. Jest szczery i minimalistyczny, z dbałością o typografię i odstępy. Kolory są jasne, ale harmonijne i zrównoważone, co nie wyklucza użycia trybu Bright w profesjonalnych kontekstach.

Gardner ma wyjątkową perspektywę jako jeden z autorów motywów OG od wczesnych dni motywów WordPress, kiedy wszystko dopiero się zaczynało. Pomógł uruchomić ekosystem motywów komercyjnych swoim motywem Revolution i nadal wprowadza tego samego pionierskiego ducha do nowego świata motywów blokowych.

„Zeszłego lata przeczytałem artykuł napisany przez Justina Tadlocka o wzorcach blokowych i katalogu wzorców (który był wówczas w wersji beta)” – powiedział Gardner. „Połączył się z nim, a ja spędziłem kilka minut na przeszukiwaniu. W końcu zobaczyłem wzór, który uważałem za fajny, i kliknąłem przycisk „kopiuj wzór”. Chciałem zobaczyć, jak to wszystko działa, więc otworzyłem post na moim blogu i wkleiłem kod. Voila, tam było. W tym momencie wiedziałem – potencjał nowoczesnego WordPressa błysnął przede mną”.

Nowy motyw Gardnera wykorzystuje wzorce do definiowania każdej sekcji widocznej w demonstracji. Tryb jasny oferuje kolorowy zestaw wzorców, które użytkownicy mogą wstawiać w swoich witrynach, w tym obraz okładki z nagłówkiem, tekstem i przyciskami, wiele referencji, różne układy zapytań oraz wiele projektów stopek i nagłówków. Obejrzyj demo, aby zobaczyć je wszystkie w akcji z przykładową zawartością.

Gardner pracuje obecnie nad kolejnymi wzorami, które można dodać do kolekcji Bright Mode. Powiedział, że następnymi będą sekcje bohaterów, polecane pola, wezwania do działania, strona z linkami i wzorce portfolio.

„Spędziłem kilka miesięcy nad projektem trybu Bright, więc poczułem potrzebę osiągnięcia dwóch rzeczy: dostarczenia go i pozostawienia otwartych drzwi do dodania kolejnych” – powiedział Gardner.

Kiedy po raz pierwszy zainstalujesz tryb jasny i klikniesz Dostosuj, nie wygląda to jak wersja demonstracyjna. Użytkownicy musieliby wstawić wzory, aby wyglądały bliżej zrzutów ekranu. Poprosiłem Gardnera o domyślne wstawianie wzorców na stronie głównej, aby pasowały do ​​wersji demonstracyjnej, a on powiedział, że jest to możliwość przyszłej aktualizacji.

„Jeśli chodzi o domyślne wstawianie wzorów, jedyną instancją, która może być przydatna, jest strona główna Bright Mode, która jest jedynie mile widzianym wzorem, a następnie pętla siatki poniżej” – powiedział. „Oczywiście, gdy dodam więcej wzorów, może to być częścią aktualizacji”.

Jedną z unikalnych funkcji tego motywu jest to, że blok Nagłówki ma zestaw zabawnych stylów bloków, które tworzą różne gradienty kolorów dla tekstu.

„Dostępność i kontrast kolorów były najważniejsze przy projektowaniu tego motywu, tak bardzo, że stworzyłem nawet stronę Kolory” – powiedział Gardner. Ma na celu zainspirowanie większej liczby autorów motywów do rozważenia kolorów, biorąc pod uwagę, że wiele nowo wydanych motywów FSE nie ma żadnego celowego podejścia do kolorów. Gardner zidentyfikował zestaw kolorów podstawowych, drugorzędnych i trzeciorzędnych, które są używane w różnych stylach blokowych w całym motywie.

„Kolory podstawowe, drugorzędne i trzeciorzędne przechodzą testy kontrastu WCAG 2.0 level AA i WCAG Level AAA dla następujących elementów: normalny tekst, duży tekst, obiekty graficzne i komponenty interfejsu użytkownika” – powiedział Gardner.

Przeglądając Przewodnik po stylach, możesz zobaczyć kolory zastosowane do przycisków, cytatów i ikon społecznościowych.

Tryb Bright oferuje wiele różnych opcji stylu w bloku cytatów. Mogą być gładkie lub mieć kolorowe lub gradientowe tło. Do cytatów bez tła można również zastosować podkreślenie gradientem kolorów. Zaletą tego jest to, że można to zmienić na podstawie cytatu i nie musi być takie samo dla każdego cytatu blokowego. Użytkownicy mogą dobrze się bawić, dostosowując swoje cytaty do różnych projektów. Kilka z nich zostało przedstawionych poniżej. Gdy są używane oszczędnie w całej witrynie, są dość uderzające.

Jednym z aspektów Bright Mode, który Gardner powiedział, że najbardziej podoba mu się ten temat, jest sposób, w jaki blok okładki jest używany na pojedynczych stronach. Przeciąga wyróżniony obraz do bloku Cover, a także oferuje niestandardowe style bloków dla cieni i opcji pełnej wysokości. (Rekompensata to po prostu czarny nagłówek z tytułem). „Czuję, że to naprawdę przedstawia możliwości nowoczesnego WordPressa” – powiedział Gardner.

Po przetestowaniu motywu byłem zaskoczony, ile ukrytych klejnotów można odkryć w stylach blokowych i ile kreatywnej kontroli użytkownicy mają nad każdym aspektem. Jedyne, co bym zmienił, to zapewnienie, że strona główna będzie wyglądała podobnie do wersji demo, aby użytkownicy czuli, że mają solidne miejsce startowe bez konieczności szukania wzorców, aby odtworzyć demo. Gardner ma talent do tworzenia estetycznych wzorów i w tym przypadku bardziej zróżnicowany zestaw, który planuje (portfolio, wezwanie do działania itp.), umożliwiłby użycie trybu jasnego w większej liczbie kontekstów.

Chociaż wielu tradycyjnych autorów motywów nadal ma pewien opór przed blokowaniem motywów, które zyskują większą widoczność w Katalogu motywów, Gardner ma przywilej wykonywania codziennej pracy jako rzecznik programisty w WP Engine, gdzie otrzymuje wynagrodzenie za angażowanie się w społeczność i pomaganie użytkownikom w przejściu na edytor bloków i edycja całej witryny.

„Zasadniczo zarabiam na nadążaniu za rozwojem Gutenberga i nowościami w WordPressie” – powiedział Gardner. „Tak więc naturalnie ułatwia to eksperymentowanie z motywami (tak jak robimy to z Frost) i oddawanie pieniędzy za pomocą zasobów, takich jak nasza nowo uruchomiona witryna dla Builders. Poza tym spędzam wolny czas w nocy i w weekendy, zagłębiając się, aby zobaczyć, jak daleko mogę posunąć się kreatywnie”.

Tryb Bright jest wynikiem jego osobistych poszukiwań, co jest możliwe dzięki motywom blokowym. Jest dostępny za darmo na WordPress.org lub na ekranie instalacji motywów w panelu administracyjnym. Więcej wzorów, szablonów i odmian będzie dostępnych w przyszłych aktualizacjach motywu. Bright Mode jest jednym z pierwszych 100 motywów blokowych w katalogu, co stanowi kamień milowy WordPress.org dzisiaj.