Gutenberg 11.3 wprowadza panel wymiarów, dodaje obsługę dopełnienia przycisków i przyspiesza inserter

Wcześniej dzisiaj Gutenberg 11.3 wylądował w katalogu wtyczek WordPress. Najnowsza aktualizacja wprowadza nowy panel wymiarów do przełączania opcji bloków związanych z odstępami. Blok Przycisk obsługuje teraz kontrolę dopełnienia, a blok Opublikuj polecany obraz ma nowe ustawienia szerokości i wysokości.

Jednym z najważniejszych wydarzeń w wydaniu była poprawa szybkości zarówno otwierania, jak i wyszukiwania w inserterze. Czas otwarcia spadł o ponad 200 ms, z 370,35 ms do 137,28 ms. Szybkość wyszukiwania wzrosła z 190,37 ms do 67,24 ms.

Najnowsza wersja zawiera uproszczoną bibliotekę próbników kolorów. Bogate podglądy linków, funkcja wprowadzona w Gutenberg 10.9 dla zewnętrznych adresów URL, działa teraz z linkami do witryn wewnętrznych.

Autorzy motywów powinni cieszyć się zmniejszoną szczegółowością resetowanych i klasycznych arkuszy stylów edytora. Takie zmiany zawsze ułatwiają autorom motywów dopasowanie stylistyki edytora i front-endu.

Panel wymiarów dla kontroli odstępów

Gutenberg 11.3 wprowadza nowy panel Wymiary dla bloków, które obsługują kontrolki marginesów lub dopełnienia. Funkcja dodaje przycisk z wielokropkiem ( ... ) zamiast typowej strzałki otwierania/zamykania karty. Użytkownicy mogą wybrać kontrolki, których chcą używać.

Długoterminowym celem jest oczyszczenie interfejsu, ujawniając tylko te elementy sterujące, których faktycznie potrzebuje użytkownik. Ponieważ takie potrzeby są subiektywne, umożliwienie użytkownikom ich włączania/wyłączania jest idealnym rozwiązaniem.

Obecne wady są dwojakie. Po wybraniu opcji wyświetlania kontrolek marginesów lub dopełniania samego panelu nie można zwinąć. Zaostrza to sam problem, który nowa funkcja próbuje rozwiązać — odśmieca interfejs paska bocznego. Dla mnie przynajmniej zawsze chcę mieć szybki dostęp do kontroli odstępów. Jednak nie zawsze potrzebuję ich pokazywania.

Drugą kwestią jest to, że wybór użytkownika dotyczący tego, co ma być wyświetlane, nie wydaje się być przechowywany. Za każdym razem, gdy pracujesz z blokiem, musisz wybrać, które kontrolki mają się pojawić.

Nowy panel Wymiary to tylko jedna z części procesu uzgadniania rozmiaru (szerokość i wysokość), odstępów (dopełnienia i marginesu) oraz powiązanych elementów sterujących dla bloków. Prace nad bardziej wszechstronnym rozwiązaniem wciąż trwają. Przypuszczalnie zespół programistów zajmie się tymi i innymi problemami w przyszłych wydaniach. Jednak ci, którzy uruchamiają wtyczkę Gutenberg w środowisku produkcyjnym, powinni spodziewać się dziwactw związanych z użytkowaniem.

Wtyczka Block Visibility ma teraz najbardziej przyjazną dla użytkownika wersję takiego przełącznika. Nie jest to jeszcze idealne rozwiązanie, ale działa trochę lepiej niż to, co jest obecnie w Gutenbergu.

Wypełnienie bloku przycisków

Nie jest tajemnicą, że nie lubię domyślnego wypełnienia bloku przycisku podczas korzystania z motywu TT1 Blocks (wersja Twenty Twenty-One oparta na blokach). Uczyniłem jedną z moich misji rutynowego wskazywania tego, posuwając się nawet do odmowy użycia bloku w ostatnim wezwaniu do testów w ramach programu FSE Outreach Program.

Zbyt duży przycisk nie zawsze jest złym wyborem stylistycznym na stronie internetowej. Kontekst ma znaczenie i jakoś nadal natrafiam na scenariusze, w których potrzebuję czegoś bardziej ograniczonego. Kontrola nad dopełnieniem bloku Buttona była na mojej liście życzeń od miesięcy, a zespół programistów Gutenberga dostarczył.

Od 11.3 użytkownicy mogą kontrolować dopełnienie poszczególnych bloków przycisków. Pojawi się teraz jako opcja we wspomnianym wcześniej nowym panelu Wymiary.

Modlitwa odpowiedziała. Teraz przejdźmy do dodania kontrolek dopełniania do wszystkich bloków.

Jedynym potencjalnym problemem, na który mogą natknąć się niektórzy użytkownicy, jest utrzymywanie spójnych odstępów podczas jednoczesnego używania wielu bloków przycisków. Najłatwiej to zrobić, dodając i stylizując pierwszą, a następnie powielając ją, aby utworzyć kolejne z tymi samymi odstępami. To nie jest nowy problem; dotyczy to wszystkich opcji Button, w których użytkownicy chcą spójności w grupie.

Polecane kontrolki wymiarów obrazu

Blok Post Featured Image otrzymał wreszcie niewielkie, ale przydatne ulepszenie. W przeszłości użytkownicy i autorzy motywów mieli tylko jedną opcję decydowania, czy połączyć go z postem. Teraz mogą kontrolować szerokość i wysokość obrazu.

Jeśli użytkownik ustawi wysokość obrazu, edytor pokaże osobną opcję „Skala” z następującymi opcjami:

• Okładka (domyślnie)
• Zawierać
• Rozciągać

Co właściwie robią te opcje? To byłoby dobre pytanie. Nawet jako ktoś, kto zajmuje się projektowaniem i tworzeniem stron internetowych od blisko dwóch dekad, czasami zapominam i muszę je sprawdzić. Są to wartości właściwości CSS object-fit obiektu i mogą w wielu przypadkach wprowadzać użytkowników w błąd.

Zakryj i zawrzyj pozwala obrazowi zmieścić się w polu zawierającego element, zachowując jego proporcje (bez rozciągania obrazu). Różnica polega na tym, że wartość okładki zostanie przycięta, jeśli nie będzie pasować, a wartość zawiera może być w formacie letterbox. Wartość rozciągnięcia wypełni pojemnik bez względu na proporcje.

W zależności od proporcji obrazu w pojemniku, każda z wartości może zasadniczo wyświetlać to samo na ekranie. Lub mogą zapewnić szalenie różne wyniki. Połączenie tych elementów sterujących wymiarami z szerokimi i pełnymi wyrównaniami (również opcjami związanymi z szerokością) może również spowodować pewne nieprzewidywalne eksperymenty.

Projektant motywów we mnie chce całkowicie wyłączyć interfejs użytkownika i zaprezentować coś nieco bardziej kontrolowanego: selektor rozmiaru obrazu.

Takiego selektora nie należy mylić z kontrolkami szerokości i wysokości. Autorzy motywów WordPress od lat rejestrują niestandardowe rozmiary obrazów. Głównym przypadkiem użycia tego były polecane obrazy. Użytkownicy mogą używać tych rozmiarów z bieżącymi blokami Obraz i Najnowsze posty. Jednak nie mają jeszcze tej opcji z Opublikuj polecany obraz.

Jestem w obozie, który uważa, że ​​kontrola rozmiaru obrazu powinna być pierwszym dodatkiem do bloku. Jest to tak integralna część projektu motywu WordPress, że nie można go pominąć, a ja walczyłem — lub przynajmniej dręczyłem — aby upewnić się, że autorzy motywów mogą kontrolować polecane obrazy za pomocą niestandardowych rozmiarów.

Na szczęście istnieje otwarte zgłoszenie do obsługi niestandardowego rozmiaru obrazu. Wśród innych wciąż brakujących funkcji jest to blokada dla wielu autorów motywów, którzy chcą zrobić krok w kierunku motywów blokowych.

Istnieje wiele przypadków użycia nowych opcji, takich jak automatyczne przycinanie wyróżnionych obrazów siatki postów do kwadratu. Po prostu niecierpliwie czekam na bardziej solidny zestaw narzędzi do bloku Post Featured Image.