Gutenberg 12.1 naprawia przesunięcie układu dołączania bloku, dodaje widoki listy szablonów i ulepsza style globalne

Wcześniej dzisiaj Gutenberg 12.1 trafił do katalogu wtyczek WordPressa. Najnowsza wersja zawierała wiele ulepszeń w zakresie obsługi użytkownika, w tym poprawkę przesunięcia układu dołączania bloków, nowe funkcje stylów globalnych i ulepszony widok listy szablonów. Autorzy motywów mają również nową flagę umożliwiającą włączenie wszystkich narzędzi związanych z wyglądem.

WordPress 5.9 miał zostać uruchomiony dzisiaj, ale został przesunięty na 25 stycznia 2022 r. Współtwórcy potrzebowali więcej czasu na dopracowanie edytora witryny i powiązanych narzędzi dołączonych do wydania. Do tej pory wykorzystują dodatkowy czas, naprawiając błędy i tworząc ogólnie lepsze wrażenia użytkownika.

Koniec ze zmianą układu

Gdyby to była jedyna zmiana w Gutenberg 12.1, byłbym najszczęśliwszym użytkownikiem na świecie. Na szczęście istnieją inne fajne przedmioty, ale moje największe zirytowanie zwierzaka w ciągu trzech lat korzystania z edytora bloków zostało już naprawione.

Dołączanie bloków (te małe przyciski + ) na kanwie treści są teraz wyświetlane przy użyciu stałego pozycjonowania. Oznacza to, że gdy wybierzesz bloki, szczególnie te zagnieżdżone w innych, ekran już się nie podskakuje, nie zmienia układu ani nie pozostawia pustych przestrzeni w doskonałej sekcji.

Z rozmów z innymi wiem, że w przeszłości był to problem przy budowaniu skomplikowanych układów. Dla niektórych w ogóle nie używali edytora bloków, ponieważ był tak irytujący. Jeśli wpadniesz do tego obozu, warto spróbować jeszcze raz. Jest to wyraźna poprawa doświadczenia użytkownika.

Ulepszenia stylów globalnych

Użytkownicy mogą teraz definiować niestandardowe gradienty za pomocą sekcji palety kolorów na pasku bocznym stylów globalnych. Będą one dostępne w całej witrynie i nie są powiązane z tematem.

Paleta pokazuje również kolory bichromii w tej samej sekcji gradientu. Jednak nie ma jeszcze opcji tworzenia niestandardowych filtrów bichromii. Jest to sekcja tylko do odczytu.

Panel stylów globalnych dzieli również opcje typografii między elementy tekstowe i łącza, otwierając w przyszłości drzwi dla innych elementów HTML.

Użytkownicy prawdopodobnie nie powinni tego zmieniać w przypadku linków. Zamiast tego powinny generalnie pasować do otaczającego tekstu. Jeśli w przyszłości dostaniemy dekorację tekstową lub podobne opcje, separacja może mieć większy sens. Jednak zmiana ustawień, takich jak rozmiar czcionki lub wysokość linii, prawdopodobnie byłaby szkodliwa dla projektu.

Szablony i widoki części szablonów

Gutenberg 12.1 wprowadza nowe szablony i widok listy części szablonów z edytora witryny. Interfejs użytkownika tej funkcji przeskoczył w ciągu ostatnich kilku wersji wtyczek. Lista była dostępna przez lewy panel wysuwany w edytorze przez wiele miesięcy. Następnie został całkowicie usunięty w 11.9. Pojawił się ponownie między tym wydaniem a 12.0.

Panel został teraz przeskalowany i zawiera trzy łącza do witryny, szablonów i części szablonów. Pierwszy link otwiera edytor strony. Pozostałe wyświetlają tabele istniejących szablonów.

W tej chwili przełączanie między ekranami wydaje się powolne. Jest to jednak wersja 1.0 edytora witryny, którą zobaczą użytkownicy WordPressa na całym świecie. Z czasem to się prawdopodobnie zmieni. „Obecna iteracja projektu sprzyja prostocie i użyteczności” – napisał Riad Benguella w poście z ogłoszeniem. „Iteracje implementujące nawigację po stronie klienta i widok mozaiki mogą zostać dodane w przyszłości”.

Wydaje się, że nie ma sposobu na dodanie niestandardowych szablonów, takich jak archiwum kategorii lub autorów. Kliknięcie przycisku „Dodaj nowy” przedstawia opcje szablonu strony głównej i wyszukiwania podczas korzystania z motywu Twenty Twenty-Two.

Jednak dodanie nowej części szablonu jest znacznie bardziej wyrafinowanym procesem. Po kliknięciu przycisku, aby go utworzyć, użytkownicy otrzymują nakładkę i formularz, jak pokazano na poniższym zrzucie ekranu:

Użytkownicy mogą nadać mu niestandardową nazwę i wybrać jeden z trzech dozwolonych obszarów: ogólny, nagłówek i stopka. Po utworzeniu nowej części użytkownicy są przenoszeni do edytora.

Podczas ponownego przeglądania listy części szablonu, wyświetla użytkownika, który ją utworzył, i ma menu rozwijane opcji (przycisk z wielokropkiem). Obecnie jedyną czynnością jest usunięcie części.

Chciałbym, aby szablony najwyższego poziomu były traktowane tak samo jak części szablonów podczas tworzenia nowego. Chociaż są między nimi pewne drobne różnice, oba są szablonami na koniec dnia. Doświadczenie użytkownika byłoby korzystne, gdyby procesy tworzenia były dopasowane.

Tworzenie niestandardowych szablonów poza domyślną listą z tego ekranu pomogłoby również projektantom tworzyć motywy wizualnie z edytora witryny.

Pusty powrót do nawigacji

Najnowsza wersja wprowadziła rezerwę dla pustego bloku menu nawigacyjnego. Ostatecznie, jeśli nie zostanie znalezione żadne menu, wyświetli blok Lista stron. W zależności od tego, ile stron ma witryna użytkownika, może to szybko wymknąć się spod kontroli, jak pokazano na poniższym zrzucie ekranu dwudziestego dwudziestego drugiego:

Twórcy motywów mogą nadpisać tę rezerwę za pomocą haka filtra block_core_navigation_render_fallback , zwracając wartość false lub zestaw prawidłowych bloków podrzędnych dla elementu nadrzędnego Navigation. Autorów motywów zapraszam do hojnego korzystania z tego haczyka filtra.

Godne uwagi elementy motywu blokowego

Dla twórców motywów blokowych zmieniono nazwy standardowych folderów związanych z szablonami. Stare nazwy będą nadal działać, ale autorzy powinni zaktualizować następujące elementy w swoich motywach:

• /block-templates zmieniono nazwę na /templates
• /block-template-parts zmieniono nazwę na /parts

Ta zmiana czyści katalog motywów najwyższego poziomu, ale także tworzy ścieżkę do większej standaryzacji w przyszłości. Istnieje już otwarty bilet dla /patterns , a folder /styles jest możliwy.

Gutenberg 12.1 wprowadza również flagę appearanceTools dla theme.json , umożliwiając autorom motywów włączenie obsługi wszystkich obecnych i przyszłych opcji obramowania, koloru, odstępów i typografii. Omówiłem to bardziej szczegółowo w poście Gutenberg 12.0, w którym błędnie oznaczono tę funkcję jako dołączoną do ostatniego wydania.