Runda zasięgu FSE nr 2: Tworzenie niestandardowej strony głównej za pomocą edytora witryny Gutenberga

Anne McCarthy ogłosiła drugą rundę testów programu Full Site Editing (FSE) Outreach. Wezwanie do testów prosi użytkowników o zbudowanie strony głównej z edytora witryny wtyczki Gutenberg. Opinie są dostępne do 5 marca.

Pierwsza runda testów rozpoczęła się w grudniu 2020 roku i zakończyła w zeszłym miesiącu. Testerzy byli w stanie zidentyfikować kilka problemów w trybie edycji szablonu z edytora bloków. Program stworzył praktyczne elementy, nad którymi programiści Gutenberga mogliby pracować nad ulepszeniem.

Ta druga runda jest podobna. Jednak testowanie obejmuje znacznie większy i bardziej złożony obszar. Użytkownicy opuszczą znajomy edytor bloków i przeniosą się do edytora witryny, któremu wciąż dzielą miesiące, zanim stanie się opłacalnym produktem.

McCarthy wymienił 22-etapowy proces tworzenia strony głównej. Chociaż przez większość czasu podążałem za tym, znudziłem się przed zakończeniem. To jeden z powodów, dla których jestem słabym przedmiotem testu. Lubię odkrywać i sprawdzać na własną rękę, co jest możliwe. Jeśli mam pomysł, to chcę spróbować jego realizacji. Przede wszystkim trzymałem się ogólnego scenariusza, nawet jeśli był trochę nie w porządku.

W końcu stworzyłem niestandardową stronę główną dla restauracji o nazwie The Grilled Cheese — na pewno otworzę tę restaurację w prawdziwym świecie, jeśli kiedykolwiek opuszczę społeczność WordPressa.

To dość proste. W sumie zajęło mi około dwóch godzin bawienia się różnymi koncepcjami, zanim dotarłem do tego etapu. Zbudowanie czegoś, z czego byłbym zadowolony, zajęłoby jeszcze kilka godzin.

Ogólnie czułem się ograniczony w układaniu mojej idealnej strony głównej. Każdy krok był podjazdową walką z narzędziami. Mogłem to zbudować w mniej niż połowę czasu za pomocą HTML i CSS. Mógłbym zrobić to samo i więcej z innymi nowoczesnymi wtyczkami do tworzenia stron dla WordPressa.

Zanim zagłębię się w wyniki mojego testu, mam pewną brutalną szczerość. Bloki TT1, które są tematem używanym w testach FSE Outreach, nie nadają się do tabaki. Motyw nie radzi sobie niezawodnie z mnóstwem możliwości, jakie edytor witryny udostępnia użytkownikom końcowym. Całe to doświadczenie mogłoby być płynniejsze dzięki lepszemu motywowi. Jednak wybór jest ograniczony i nie jestem pewien, czy w tym momencie istnieje lepszy motyw oparty na blokach.

Było tak wiele niespójności między edytorem strony a interfejsem, że nie ma sensu wymieniać ich wszystkich. Odstępy były rażąco wyłączone. Na ogół postrzegam to jako problem tematyczny. Spędziłem dużo czasu w trybie prób i błędów, dokonując korekt w edytorze i odświeżając, aby zobaczyć wynik front-endu. Płukanie. Powtarzać.

Identyfikowanie punktów bólu

Chociaż ten post jest krytyczny wobec redaktora witryny, nie oznacza to, że doświadczenie było całkowicie słabe. Co tydzień widzę poprawę, co daje mi nadzieję, że WordPress będzie miał edytor witryn, który może konkurować z wszystkim na rynku. W końcu. Jednak moim celem jest przekazanie prawdziwych informacji zwrotnych, z których zespół może skorzystać.

Poza wspomnianymi wcześniej ogólnymi problemami z odstępami, podczas tworzenia niestandardowej strony głównej zidentyfikowałem kilka przeszkód.

Maksymalne szerokości

Podczas projektowania pełnej strony witryny za pomocą edytora witryny, jeden problem wyróżniał się bardziej niż większość. WordPress nie ma dobrze zaokrąglonego systemu „max-width”. Jako użytkownik miałem niewiele możliwości wyboru szerokości obszaru treści mojej strony głównej. Obecnie autorzy motywów mogą ustawiać zawartość niestandardową, szeroką i pełną szerokość. Jednak ten system jest strasznie ograniczający. Niewiele autorów motywów może z tym zrobić, a ten problem bezpośrednio ogranicza to, co użytkownicy mogą zrobić zarówno w edytorach bloków, jak i witryn.

Wcześniej pisałem o potrzebie stworzenia frameworka projektowego, który może być dostosowywany przez autorów motywów. Tailwind CSS ma system maksymalnej szerokości, który zapewnia dużą elastyczność. WordPress musi zacząć pożyczać pomysły z tych nowoczesnych frameworków projektowych.

Dodaj ikonę bloku

Pojawienie się ikony „Dodaj blok” po najechaniu kursorem na elementy w domyślnym obszarze zawartości było trudne. Musiałem ustawić mysz w idealnej pozycji, aby się pojawiła. Było to ćwiczenie z frustracji, gdzie nawet najmniejszy ruch powodował, że ikona ponownie znikała.

Przejście do trybu górnego paska narzędzi znacznie ułatwiło to zadanie. Zakładam, że domyślny blokowy pasek narzędzi do pewnego stopnia go ukrywał. Problem z przejściem do tego trybu polega na tym, że mój wybór paska narzędzi nie został zapisany. Za każdym razem, gdy wracałem do edytora strony, musiałem go ponownie włączyć.

Blok zapytań

Najbardziej frustrującym aspektem wystawiania wpisów na niestandardowej stronie głównej było ustawienie limitu. Chciałem ustawić liczbę na trzy. Jednak blok Zapytanie nie ma opcji, aby to zrobić. Ostatecznie stworzyłem fałszywy limit za pomocą filtra kategorii, wybierając taki, który ma tylko kilka postów.

Aktualizacja: Możliwe jest ustawienie limitu, jak zauważył Nick w komentarzach. Na pasku narzędzi znajduje się ikona „ustawień” do ustawiania liczby postów na stronie, przesunięcia i maksymalnej liczby stron. Nie jestem pewien, dlaczego te konkretne ustawienia zapytań są oddzielone od innych na pasku bocznym. Bardziej sensowne jest ich grupowanie.

Innym mylącym aspektem bloku Query jest filtr słów kluczowych. O ile mi wiadomo, WordPress nigdy nie używał terminologii „słowo kluczowe”. Poza wtyczkami SEO nie ma żadnego kontekstu dla tego, co robi ten filtr. Zgaduję, że działa jak słowo kluczowe wyszukiwania.

Globalne style dla wszystkich bloków

Po przejściu do panelu Style globalne zauważyłem, że podczas stosowania stylów na poziomie bloków brakowało niektórych bloków. W szczególności chciałem dostosować style dla bloku Najnowsze komentarze.

Przypuszczam, że na liście pojawiają się tylko klocki z typografią, kolorami i innymi opcjami związanymi z projektem. Prawdopodobnie zdezorientuje to użytkowników końcowych, gdy edytor witryny wyląduje w WordPress. Wszystkie bloki powinny mieć opcje stylu, które użytkownicy mogą dostosować.

Brak kolumn o pełnej szerokości

Dla zawartości mojej strony głównej próbowałem utworzyć blok kolumn o pełnej szerokości. Jednak dwie pojedyncze kolumny miały ograniczony rozmiar, mimo że zajmowały odpowiednio 66,67% i 33,33%.

Wygląda na to, że jest to kwestia tematyczna. Twierdzę również, że jest to jeden z tych przypadków, w których pomogłaby bardziej bezpośrednia kontrola nad maksymalną szerokością. Naprawdę chciałem czegoś, co mieściłoby się pomiędzy pełną i szeroką szerokością motywu.

Polecane obrazy

Nie ma możliwości ustawienia rozmiaru obrazu wyjściowego za pomocą bloku Opublikuj polecany obraz. Obecnie jedynym sposobem na uzyskanie jednolitego rozmiaru jest wstępne przycięcie obrazów przed przesłaniem ich do WordPressa.

Nie ma powodu, dla którego nie powinno to być zasadniczo odmianą bloku obrazu. Jedyne, czego potrzebują polecane obrazy, to opcja linku do posta.