Nadszedł czas, aby autorzy motywów WordPress zintensyfikowali swoją grę z wzorami bloków

Opublikowany: 2021-05-05

Przechodząc przez moją rutynę w tym tygodniu, przejrzałem najnowsze wydania motywów WordPress i znalazłem nowy projekt, który obsługiwał edytor bloków. Dostarczono nawet kilka niestandardowych wzorów. Chociaż projekt nie był niczym nadzwyczajnym, ogólnie był to solidny motyw. Jednak po spędzeniu większej części dzisiejszego dnia na pisaniu o tym nie sądziłem, że uda mi się ruszyć dalej z historią. Coś mnie niepokoiło.

To samo, co ostatnio czułem z kilkoma innymi. Zbyt wiele straconych okazji. Temat miał podstawę, ukryty potencjał, by być czymś więcej niż było.

Motyw miał komercyjną wersję „pro”, którą użytkownicy mogli kupić. Jednak prawie każda funkcja pro opierała się na starej taktyce sprzedaży dodatkowych opcji motywów. Jedynym wyjątkiem była funkcja związana z blokami, która będzie bezpłatna w ramach komponentu Global Styles, który prawdopodobnie zostanie dostarczony z WordPress jeszcze w tym roku.

Gdzie były niestandardowe style bloków? Gdzie użytkownik mógłby złapać jakieś unikalne wzory? Dodatkowe menu nawigacyjne, paski boczne, ustawienia kolorów i opcje typografii stają się coraz mniej wartością dodaną dla użytkowników końcowych. W tej chwili są to prawdopodobnie bezpieczne pieniądze i rozumiem komfort nie ryzykowania zbyt wielu.

Autorzy motywów muszą zacząć zmieniać biegi. Dodatkowa sprzedaż musi mieć formę funkcji, które nie będą dostępne w magazynie WordPress. W tej chwili oznacza to tworzenie unikalnych wzorów i stylów bloków.

Odkrywanie pomysłów na wzory

W ostatnim miesiącu majstrowałem przy niestandardowych wzorach. Podczas gdy byłem w branży projektowania i rozwoju przez ponad dekadę, to, co udało mi się osiągnąć za pomocą samego edytora bloków — bez użycia niestandardowego kodu — i dobrze zaokrąglonego motywu gotowego do bloków, to tylko drapanie powierzchni. Mamy znacznie lepsze talenty w społeczności WordPressa i chcę, aby ich kunszt został uwolniony.

Wszystko zaczęło się od podcastu WP Tavern Jukebox — powinieneś sprawdzić odcinki 1 i 2, jeśli jeszcze ich nie słyszałeś. Nathan Wrigley, nowy gospodarz, nacisnął mnie na tyle, by ponownie założyć czapkę projektową i deweloperską, aby zaimplementować niektóre funkcje, których potrzebował. Przez lata nie pracowałem zbyt wiele z podcastami ani jakimkolwiek rodzajem dźwięku. To było dla mnie nowe terytorium. Ostatecznie podcast zainspirował mnie do myślenia o wzorcach audio.

Co jest dziś możliwe dzięki edytorowi WordPressa?

Przeszukiwałem sieć w poszukiwaniu różnych układów, szukając nowoczesnych prezentacji audio. Liczne koncepcje były niemożliwe do zrealizowania przez użytkownika końcowego z poziomu samego edytora. Potrzebowaliby rozbudowanych niestandardowych stylów bloków z samych motywów. I było kilka projektów, o których po prostu nie sądziłem, że można je w ogóle zrobić, ale zazwyczaj zawierały one elementy terytorialne dla wtyczek.

Jednak znalazłem pomysły, które mogłem wykorzystać i stworzyć własne. Zacząłem od prostego pliku audio ze ścieżki dźwiękowej The Marsian — obejrzałem ponownie film poprzedniego wieczoru i byłem na kicku Davida Bowiego.

Wzór blokowy z miniaturą po lewej stronie i informacjami, osadzonym dźwiękiem i ikonami społecznościowymi po prawej stronie.
Pojedynczy wzór ścieżki dźwiękowej.

To było proste. Wystarczy dodać bloki grup, kolumn, obrazów, akapitów, nagłówków, audio i ikon społecznościowych. Byłem zadowolony z wyniku, a niektórzy z moich obserwatorów na Twitterze zareagowali pozytywnie.

Zainspirowany wsparciem stworzyłem alternatywny układ. Było to jeszcze prostsze, dodając bloki Okładka, Akapit, Nagłówek, Dźwięk i Ikony społecznościowe.

Wzorzec osadzania dźwięku zagnieżdżony w bloku Cover.

W oparciu o oryginalny wzorzec zbudowałem taki, który używa osadzania SoundCloud zamiast bloku Audio. Stworzyłem też inny z pewnymi zmianami, które były bardziej dostosowane do podcastów.

Im głębiej zagłębiłem się w ten projekt, tym bardziej nabrałem umiejętności tworzenia layoutów. Zacząłem rozumieć, jakie są niektóre ograniczenia i składać wszystko wokół nich.

Jednym z najbardziej problematycznych obszarów w edytorze jest to, że nie przekazuje on wystarczającej kontroli odstępów. Dlatego musiałem swobodnie korzystać z bloku Spacer, czego wolę nie używać, ponieważ opiera się na jednostkach pikseli i dodaje dodatkowy <div> do znacznika. Aby zbudować jakieś wzory, musiałem trochę mniej purystą i po prostu korzystać z dostępnych narzędzi.

Ta zmiana nastawienia otworzyła jeszcze więcej możliwości. Zbudowałem kilka innych wzorów bloków związanych z dźwiękiem. Ponownie były to proste układy, ale chciałem, aby wyróżniały się wizualnie dzięki obrazom, które użytkownicy końcowi mogliby dodać. Celem jest zapewnienie użytkownikom dostępu jednym kliknięciem do wstępnie zaprojektowanych sekcji, punktów początkowych, w których ludzie mogą zaprezentować własną kreatywność.

Następnym krokiem było wyjście poza schematy audio. W tej przestrzeni inni mogą zrobić o wiele więcej. Chciałem trochę bardziej zaryzykować.

Od tego czasu zbudowałem kilka innych wzorców, takich jak następujący nagłówek artykułu typu news, którego chciałbym użyć w Karczmie w przyszłości:

Wzór z blokiem okładki, tytułem posta po lewej i punktami danych po prawej.
Wiadomości lub wzorzec nagłówka artykułu oparty na danych.

Mógłbym podzielić się większą liczbą koncepcji, ale wydaje mi się, że to idealne miejsce na zatrzymanie się. Celem nie jest pokazanie mojego portfolio wzorów. Ma zainspirować naszą społeczność projektantów motywów w nadziei, że zbudują coś znacznie lepszego. Chciałem też pokazać, jak łatwo było wyskoczyć kilka wzorów. Zamiast godzin rozwoju, wiele pomysłów zostało skróconych do zaledwie kilku minut. To jest moc, jaką zapewnia dzisiaj system blokowy.

Kiedy w styczniu pisałem o systemie blokowym stwarzającym możliwości komercyjne dla autorów tematów, był to post teoretyczny. Jest to kontynuacja, która wprowadza go w nieco więcej praktyki (oczywiście bez faktycznej sprzedaży).

Wyobraź sobie, że jako firma tematyczna budujesz motyw freemium dla muzyków. Możesz chcieć dołączyć kilka podstawowych wzorców do wyboru przez użytkowników. Istnieje jednak nieskończona liczba alternatyw, które możesz zaoferować w ramach pakietu pro.

Jestem pewien, że istnieje już autor/firma zajmująca się motywami, mająca na uwadze wielozadaniowy koncept motywu, który ostatecznie będzie miał setki wzorów. Mam tylko nadzieję, że mają solidny system kategoryzacji lub oferują osobne paczki lub importy.

Katalog wzorców bloków ma trafić do WordPressa 5.8. Na początku będą to przede wszystkim wzorce podstawowe. Jednak z czasem inni będą zachęcani do udziału. Jest to mile widziana funkcja platformy, ale nigdy nie będzie idealnie pasować do każdego projektu motywu. Każdy motyw ma swoje własne niuanse projektowe. Każdy ma inne metody rozwiązywania problemów.

Najlepsze wzory będą pochodzić od samych autorów motywów, zwłaszcza w połączeniu z niestandardowymi stylami bloków, pakowanymi i sprzedawanymi jako część doświadczenia ich motywów. Deweloperzy mogą poczekać, aż cały rynek dogoni lub wyskoczyć przed rozgrywkę.