Eksploracja wzorców pierwszych bloków, które znajdą się w katalogu motywów WordPress

Od miesięcy z niecierpliwością oczekiwałem oficjalnego wydania WordPressa 5.5, aktualizacji, która obiecywała oddanie długo oczekiwanego systemu wzorców blokowych w ręce projektantów motywów. W tym momencie może brzmieć jak zepsuty rekord, ale wzorce mogą zrewolucjonizować tworzenie motywów WordPress, nawet bardziej niż nadchodząca edycja pełnej witryny.

Ta funkcja powinna radykalnie zmienić sposób, w jaki programiści tworzą motywy WordPress. Przy wykorzystaniu pełnego potencjału autorzy motywów mogą pozbyć się dziesiątek opcji motywów i porzucić większość szablonów stron. Mogą skupić się mniej na programowaniu, a bardziej na projektowaniu, o co tak naprawdę chodzi w motywach.

Aby zrozumieć, dlaczego wzorce są tak rewolucyjne, musisz zrozumieć podstawowy problem, który rozwiązuje dla autorów motywów i ostatecznie dla użytkowników końcowych. W całej historii motywów WordPressa wystąpił jeden nadrzędny problem, który spowodował niezliczoną liczbę problemów. Jest to problem, który był główną przyczyną wielu wytycznych dodanych do systemu recenzji motywów WordPress.org.

To pojedyncze wydanie może niemal wyłącznie wywodzić się z ważnego pytania: w jaki sposób autorzy motywów mogą tworzyć niestandardowe strony główne i łatwo umożliwiać użytkownikom końcowym ich odtworzenie?

Niezależnie od tego, czy jest to suwak, kolumny pól informacyjnych, czy sekcja wezwania do działania, WordPress nigdy nie zapewniał rozwiązania, na którym mogliby polegać autorzy motywów. Aby być uczciwym, wielu programistów zbudowało kreatywne i unikalne systemy wokół ograniczeń platformy. Jednak te systemy były specyficzne dla jednego motywu lub zestawu motywów z jednej firmy. Nie było standardu. Nie było nic, co pomogłoby projektantom motywów po prostu zaprojektować cokolwiek ciekawego, co mieli na myśli, i pozwolić użytkownikom po prostu wypełnić treść.

Chociaż mówię, że głównym problemem jest tutaj strona główna witryny, problem tak naprawdę rozciąga się na każdą stronę w witrynie. Projekt strony głównej przypomina trochę podpis autora motywu. Pozwala projektantom zaprezentować swoje talenty i przyciągnąć użytkowników. Przez ponad dekadę autorzy motywów próbowali tysiąca różnych metod tylko po to, aby ta jedna strona była poprawna.

Wzory to o wiele więcej. System nie wymaga, aby autorzy motywów stawali się ninja PHP, aby poskładać piękne projekty. Nie ogranicza użytkowników do panelu opcji motywu do budowania strony głównej — mogą zbudować dowolną stronę w swojej witrynie z wzorcami oferowanymi przez ich motywy.

Najważniejsze jest to, że sprawia, że ​​pytanie „jak zbudować niestandardową stronę główną” staje się dyskusyjne. Autorzy tematów nigdy więcej nie muszą zastanawiać się nad tym pytaniem, przynajmniej nie w sposób, w jaki robili to w poprzednich latach. Motyw odchodzi od budowania projektów na poziomie strony w kierunku projektowania pojedynczych bloków i sekcji (wzorów). Nacisk jest znacznie bardziej atomowy , co zapewnia użytkownikom większą elastyczność i swobodę.

Ponieważ nie mogłem czekać tygodniami lub miesiącami dłużej, aby zobaczyć, co autorzy motywów zbudowali w tym systemie, chciałem rzucić okiem na to, co robią bieżące motywy w oficjalnym katalogu motywów. Nie było na co patrzeć, ale przynajmniej niektórzy autorzy tematów chcą być pionierami w tej nowej erze tematyki.

Obecnie filtr funkcji Wzory Edytora bloku dla katalogu nie działa. Technicznie rzecz biorąc, autorzy motywów nie mogą dodawać znacznika block-patterns do swoich motywów, ale dostępna jest poprawka, która powinna wkrótce rozwiązać problem.

Wzorce do tej pory

W tej chwili katalog motywów zawiera tylko trzy motywy z wzorcami blokowymi. Nie ma wiele do zrobienia, ale warto zobaczyć, co do tej pory tworzą autorzy tematów.

UXL Themes niedawno zaktualizował swój motyw Cordero o kilka bloków. Jedną z rzeczy, które lubię w sposobie, w jaki Cordero dodał swoje wzory, jest to, że utworzył niestandardową kategorię wzorów blokowych „Cordero”. Wzorce mogą istnieć w wielu kategoriach, ale skonsolidowanie wszystkich niestandardowych wzorców motywu w jedną grupę znacznie ułatwiło ich odkrywanie. Jest to praktyka, którą chciałbym widzieć więcej w przyszłości.

Wzory Cordero są przede wszystkim nastawione na typowy układ biznesowy. Zawiera kilka wzorców typu bohatera, niektóre pola funkcji/usług i tabele cen.

Motyw Inclusive autorstwa przedstawicielki Themes Team, Caroliny Nymark, ma kilka wzorów (jest to również solidny motyw, jeśli szukasz dobrej opcji z ułatwieniami dostępu). Najciekawszymi wzorami tego motywu są dwukolumnowe wzory z paskami bocznymi . Nymark zasadniczo stworzył „treść” strony z wzorami. Jeden dodaje pasek boczny po lewej, a drugi wzór dodaje go po prawej stronie. Oba wzorce mają główną kolumnę do dodawania niestandardowej zawartości. Kolumna paska bocznego jest domyślnie ozdobiona blokami typu widget.

To, co sprawia, że ​​te wzorce są wyjątkowe, to fakt, że są prawie jak odskocznia do edycji w całej witrynie — brakuje im tylko nagłówka i stopki. Wprawdzie byłem nieprzygotowany na tego rodzaju wzór i oczekiwałem, że będą używane w mniejszych sekcjach, ale jestem fanem eksperymentowania w motywie Inclusive.

Nymark ma w katalogu dwa z trzech aktualnych motywów z wzorcami blokowymi. Jej motyw Deejay dodaje pojedynczy wzór, który pozwala użytkownikowi stworzyć sekcję profilu DJ-a na swojej stronie. Łączy w sobie kolumny, ikony społecznościowe, listę najnowszych postów, osadzanie wideo i nie tylko.

Ogólnie podoba mi się wczesna eksploracja tej nowej funkcji. Nigdy nie jest łatwo wypróbowywać różne rzeczy jako pierwsi, dlatego cieszę się, że autorzy tematów torują drogę. Do wydania WordPress 5.5 minął zaledwie tydzień, ale nie mogę się doczekać, aby zobaczyć więcej.

Jak dobrze przenoszą się wzorce między motywami?

Jedną z obietnic systemu blokowego jest to, że pozwala użytkownikom przełączać się między motywami i utrzymywać ich zawartość. Chodzi o to, aby każdy motyw stylizował wszystkie bloki w taki sposób, aby dane wyjściowe nie wyglądały na zepsute.

Chociaż istnieje tylko niewielka próbka trzech motywów, napotkałem pewne problemy ze stylizacją treści podczas przełączania się między nimi.

Ogólnie rzecz biorąc, bardziej złożony wzorzec i to, czy wzorzec korzysta z klas niestandardowych, decyduje o tym, jak dobrze przeniesie się z motywu do motywu. Obrazy mogą również stanowić interesujący problem, jeśli użytkownik zdecyduje się nie zastępować obrazu wzorca jego własnym. Ponieważ obraz istniałby w folderze motywu, jeśli motyw zostanie dezaktywowany i odinstalowany, przestanie istnieć.