Gutenberg 12.5 wprowadza globalne wariacje stylów, zachowuje sąsiednie stylizacje przycisków i dodaje przezroczystość alfa do selektorów kolorów

Gutenberg 12.5 wylądował dziś w katalogu wtyczek WordPressa. Byłem już podekscytowany co najmniej jednym nowym ulepszeniem, globalnymi odmianami stylów. Jest to jednak rozbudowana aktualizacja z kilkoma funkcjami zorientowanymi na programistów i użytkowników.

Wygląda na to, że WordPress 5.9 jest teraz na wolności i wygląda na to, że wszystkie ręce wróciły na pokład, gdy przygotowujemy się do wydania wersji 6.0 w maju. W zeszłym tygodniu omówiłem wczesną mapę drogową, a niektóre elementy z tej listy są już w tej najnowszej aktualizacji Gutenberga w pewnym kształcie lub stylu.

Globalne wariacje stylów

Autorzy motywów mogą teraz tworzyć wiele odmian theme.json i umieszczać je w folderze /styles ich motywów. Następnie użytkownicy mogą przełączać się między różnymi ustawieniami wstępnymi na coś, co najbardziej im odpowiada.

Nowa funkcja zapowiada się na jedną z najważniejszych cech wydania WordPress 6.0, a domyślny motyw Twenty Twenty-Two doczeka się wielu własnych wersji.

Zagłębiłem się w tę funkcję bardziej szczegółowo w poście w zeszłym tygodniu. Szef projektu Gutenberg, Matias Ventura, rozwinął to w komentarzach:

Zdobycie tego na wczesnym etapie cyklu, abyśmy mogli dopracować doświadczenie i mechanikę. Spodziewam się, że w kilku iteracjach będzie naprawdę dobry. Szczególnie nie mogę się doczekać przełamania ściany z motywami, ponieważ wszystkie te odmiany są z natury kompatybilne z każdym motywem blokowym!

Chociaż podzielam entuzjazm Ventury na temat tej funkcji, nie jestem pewien, czy możemy przełamać barierę tematyczną w wersji 6.0. Chodzi o to, aby takie wariacje były wymienne między tematami. Nie widzę, żeby tak się działo, biorąc pod uwagę obecny stan globalnego systemu stylów.

Większość theme.json jest ustandaryzowana, ale wielu autorów używa właściwości settings.custom . Pozwala im to ustawić dowolną liczbę wartości niestandardowych, do których często odwołuje się arkusz stylów motywu.

Istnieje również mały problem braku standardowego schematu nazewnictwa dla funkcji, takich jak kolory i typografia.

Ponieważ żadna z tych rzeczy nie zawsze będzie taka sama między dowolnymi dwoma motywami, przełączanie wariacji nie zawsze będzie ładne. To wzniosły cel i być może warto spróbować zobaczyć, co jest możliwe. Jednak koncepcja wydaje się być dążeniem do całkowitego porzucenia systemu motywów dla jednego gigantycznego domyślnego narzędzia do wycinania ciasteczek.

Przełączanie wariacji najlepiej pozostawić poszczególnym tematom. Pozwól autorom motywów, którzy budują swoje systemy niestandardowe na bazie theme.json , na zarządzanie doświadczeniem i oczekiwaniami użytkowników. Powinniśmy skupić się na tworzeniu narzędzi, które pomogą im zrealizować ich wizję, nie martwiąc się, że użytkownik „zainstalował” swoją wersję JSON w zupełnie innym projekcie.

Nowe przyciski zachowują stylizację sąsiednich przycisków

WordPress ułatwia duplikowanie przycisku, ale jest ukryty pod rozwijanymi opcjami na pasku narzędzi. Jest to działanie polegające na dwukrotnym kliknięciu w porównaniu do zwykłego kliknięcia ikony „+”, aby wstawić nowy blok przycisku. Przed Gutenbergiem 12.5 spowodowałoby to, że nowy otrzymałby domyślne traktowanie stylu. To jedna z tych drobnych niedogodności, dopóki nie zaczniesz pracować z kilkoma przyciskami naraz.

Najnowsza wersja automatycznie powiela styl sąsiedniego bloku przycisku podczas wstawiania następnego. To znacznie lepsze doświadczenie.

Jednak nie zabierze nas tak daleko, jak musimy. Co się stanie, jeśli później zdecydujesz się zmienić projekt każdego przycisku? Masz przed sobą dużo pracy nad modyfikacją każdego z nich. Istnieje otwarte zgłoszenie umożliwiające skopiowanie jednego stylu do wszystkich pozostałych w grupie bloków Przyciski.

Użytkownicy mogą dodawać przezroczyste kolory

Użytkownicy mogą wreszcie kontrolować przezroczystość alfa niestandardowych kolorów na poziomie bloku. Ta funkcja działa w przypadku opcji koloru tekstu, tła, łącza i obramowania. To ulepszenie zamyka bilet otwarty po raz pierwszy w październiku 2019 r.

Istnieje kilka selektorów kolorów, w których nie jest to włączone. Obejmuje to sekcję palety niestandardowej w panelu stylów globalnych i kolory związane z ikonami dla bloku Linki społecznościowe. To samo dotyczy koloru nakładki bloku Cover, ale ma on całkowicie oddzielną kontrolę krycia.

Opublikuj opcję rozmiaru obrazu polecanego

Gutenberg 12.5 wprowadza nową opcję, która pozwala ustawić blok Post Featured Image tak, aby używał WordPressa lub rozmiaru obrazu zdefiniowanego przez motyw. Wydaje się, że to banalna zmiana, ale jest to skok do przodu, jeśli chodzi o motywy blokowe.

Autorzy motywów filtrowali hak post_thumbnail_size , aby sobie z tym poradzić. Jednak ta metoda staje się skomplikowana, gdy mamy do czynienia z wieloma zapytaniami post z różnymi rozmiarami obrazu.

Wspominam o tym tylko przez rok. Pisałem o tym w kółko, próbując skłonić kogokolwiek do słuchania. Jeśli chcemy, aby więcej projektantów wskakiwało do pociągu do tworzenia motywów opartych na blokach, potrzebują oni kontroli nad polecanymi obrazami. Zdecydowanie zbyt wiele układów opiera się na określonym rozmiarze, aby wyglądać jak najlepiej.

Teraz, gdybyśmy mogli użyć tylko wyróżnionego obrazu w blokach Okładka oraz Media i tekst…

Skopiuj całą zawartość edytora witryny

Dzisiaj dowiedziałem się , że w menu opcji edytora postów znajduje się przycisk „Kopiuj całą zawartość”. Nie wiem, od jak dawna tam jest, ale to całkiem fajne. Niepotrzebnie próbowałem wybrać całą zawartość — czasami z pewnym sukcesem — za pośrednictwem kanwy zawartości. Nawet ci z nas, którzy spędzają prawie każdą godzinę w edytorze, mogą raz na jakiś czas nauczyć się nowej sztuczki.

Ta opcja kopiowania treści została teraz dodana do edytora witryny w ramach inicjatywy mającej na celu zapewnienie parzystości funkcji między dwoma edytorami.

Widok kodu w edytorze witryny

Kontynuując zgodność funkcji między edytorami postów i witryn, użytkownicy mogą teraz przełączyć się do widoku kodu w edytorze witryny.

Technicznie nazywa się to „edytorem kodu”, ale przed każdym, kto spróbuje coś edytować, czekają smoki . Przynajmniej jeśli oczekują czegoś innego niż przerażającej wiadomości „ten blok zawiera nieoczekiwaną lub nieprawidłową treść”. Żeglowałem na spokojniejsze wody i unikałem tego do czegokolwiek innego niż czytanie lub kopiowanie.