Czym są motywy blokowe? Co musisz wiedzieć przed WordPress 5.9

Opublikowany: 2022-01-12

WordPress 5.9 ma zostać uruchomiony 25 stycznia, a wielu użytkowników czeka niespodzianka. Nadchodzące wydanie będzie najbardziej monumentalną zmianą w działaniu platformy od czasu wprowadzenia edytora treści opartego na blokach w wersji 5.0. Blokuj motywy, globalne style i edytor witryn zapoczątkują nową przyszłość WordPressa.

Dla przeciętnego czytelnika WP Tavern nie jest to nowość. Tematy blokowe omawiamy tutaj od ponad roku. Dla tych, którzy nie są na bieżąco, w ciągu najbliższych dwóch tygodni jest wiele do nadrobienia.

Jednym z zarzutów związanych z uruchomieniem edytora bloków w 2018 r. było to, że użytkownicy mogli zrezygnować z używania go tylko po zainstalowaniu Edytora klasycznego lub powiązanej wtyczki. Nie dotyczy to nowych funkcji w wersji 5.9. Użytkownicy mogą nadal korzystać z bieżącej konfiguracji bez żadnych zmian. Dostęp do edytora witryny i stylów globalnych jest procesem dobrowolnym. Wymaga aktywacji motywu blokowego.

Nadchodzące zmiany wpłyną na dwie podstawowe grupy użytkowników. Pierwsi to ci, którzy wolą uruchomić najnowszy domyślny motyw WordPress. Drugą będą ci, którzy są gotowi wypróbować nowy system.

Obecnie w katalogu na WordPress.org znajduje się 35 motywów blokowych, a więcej w kolejce do recenzji. To ogranicza na razie dostępne opcje.

Trzyrzędowa siatka trzech kolumn. Każdy pokazuje zrzut ekranu motywu WordPress i jego nazwę.
Blokuj motywy z WordPress.org.

Po premierze WordPress 5.9 i zaznajomieniu się programistów z tworzeniem nowego systemu, spodziewam się, że w nadchodzących miesiącach zauważymy zauważalny wzrost liczby motywów blokowych.

Uwaga: ten post koncentruje się na zmianach, które czekają użytkowników. Jeśli jesteś programistą, który chce rozpocząć projektowanie motywów blokowych, przeczytaj omówienie motywów blokowych dla WordPressa 5.9 autorstwa Marcusa Kazmierczaka .

Dwadzieścia Dwadzieścia Dwa

O projekcie strony z logo, tytułem i menu u góry. Poniżej znajduje się duża część intro i zdjęcie ptaka.
Twenty Twenty-Two motyw dotyczący szablonu strony.

Najnowszy domyślny motyw WordPress, Twenty Twenty-Two, zostanie uruchomiony wraz z wersją 5.9. Chociaż mam na ten temat kilka wskazówek, może to być mój ulubiony domyślny motyw wszech czasów, jaki kiedykolwiek stworzono.

WordPress 5.9 RC 2 został wydany dzisiaj. Teraz jest dobry moment na przetestowanie go. Twenty Twenty-Two jest już w pakiecie z tą wersją.

Jak to często bywa z domyślnymi motywami, prawdopodobnie stanie się de facto standardem, w którym programiści budują własne projekty. Wykorzystuje wszystkie najnowsze funkcje i jest jednym z najbardziej aktualnych motywów. To sprawia, że ​​jest to idealny punkt wyjścia dla użytkowników, którzy chcą przetestować nowy system.

Temat jest tylko jednym z elementów szerszego systemu. Dla użytkowników może to być coś, co ustawiają i zapominają. Mogą też przenieść go na wyższy poziom i dostosować swój interfejs, dopóki ich serce nie będzie zadowolone.

Edytor witryny i style globalne

Motywy blokowe różnią się od wielu tradycyjnych motywów. W erze klasycznej użytkownicy aktywowali motyw i dostosowywali wszelkie opcje udostępnione przez programistę. Był to sztywny system, który często nie dawał użytkownikom dużej elastyczności, jeśli nie umieli pisać kodu.

Użytkownicy mogą uzyskać dostęp do mnóstwa nowych funkcji po aktywacji motywu blokowego. Odbywa się to za pomocą edytora witryny, znajdującego się na ekranie administratora Wygląd > Edytor. Użytkownicy mogą modyfikować swoje szablony motywów bezpośrednio na kanwie i dostosowywać swój projekt za pomocą panelu stylów globalnych.

Edytor witryny WordPress otwarty na szablon domowy. Panel stylów globalnych jest otwarty po prawej stronie z opcjami typografii, kolorów i układu.
Edytor witryny z otwartym panelem stylów globalnych (po prawej).

Pierwsze doświadczenie z edytorem strony może być przytłaczające. Niektórzy mogą preferować nurkowanie od razu, podczas gdy inni przyjmują inne podejście. Niezależnie od tego, jak się uczysz, polecam przejść kurs Prosty projekt witryny z pełną edycją witryny od Learn WordPress. Zespół szkoleniowy stworzył plan 15 lekcji, który przeprowadzi Cię przez wszystko, co musisz wiedzieć. Mają też sześciominutowe warsztaty na temat używania globalnych stylów.

Korzystanie z edytora strony może być zabawne, ale może też być frustrujące. Jest to zasadniczo „wersja 1.0” tej funkcji. Jego premiera za dwa tygodnie nie zaspokoi potrzeb wszystkich. Dojrzewanie zajmie trochę czasu, a autorzy motywów zbudują na nim.

Zawodowo budowałem motywy przez ponad dekadę. Jednym z najczęściej zadawanych pytań było: „Jak zmienić obszar meta postu?” Użytkownicy chcieliby usunąć autora, przenieść listę kategorii i zrobić wiele innych rzeczy. Żadna ilość opcji tematycznych nie obejmowała każdego scenariusza. Często uciekałem się do chodzenia niekodujących przez wprowadzanie zmian w ich szablonach tematycznych.

Poza najbardziej złożonymi przypadkami problem ten już nie istnieje. Za pomocą edytora witryny użytkownicy mogą wybrać, co się pojawi.

Wstawianie niestandardowego obszaru wpisu w bloku Query Loop w edytorze witryn WordPress. Pod tytułem posta pojawia się imię i nazwisko autora, data i link do komentarzy.
Niestandardowy wpis autorski/meta.

Szkoda, że ​​dekadę temu nie mieliśmy takiego systemu. Zaoszczędziłoby mi to godzin pracy pomocniczej.

Oczywiście jest to prosty przykład tego, co jest możliwe dzięki edytorowi strony. Wszystko, od zmiany fragmentów szablonu po tworzenie całej niestandardowej palety kolorów, jest zaledwie jednym kliknięciem myszy od rzeczywistości.

Jednak możliwości nie są nieograniczone. Istnieją ograniczenia, które bez wątpienia napotkają użytkownicy, gdy będą coraz bardziej zaawansowani w swoich pomysłach projektowych. Współtwórcy poczynili ogromne postępy, aby przygotować tę pierwszą wersję na WordPress 5.9. A będzie ich więcej.

Personalizacja, widżety i menu nawigacyjne

Najbardziej szokującą rzeczą dla tych, którzy wyszli z pętli, będzie prawdopodobnie zniknięcie ekranów administratora, widżetów i menu nawigacji. Komponenty te są zastępowane przez edytor witryny podczas korzystania z motywu blokowego.

Istnieje kilka znanych problemów związanych z dostosowywaniem, takich jak brak niestandardowej opcji CSS, podgląd na żywo lub ustawienie ikony witryny. Omówiłem to bardziej szczegółowo w poprzednim poście.

Menu nawigacyjne są teraz obsługiwane za pomocą bloku nawigacyjnego:

Wybrano blok nawigacyjny i otwórz go w edytorze witryny WordPress.
Wybór menu nawigacyjnego.

Przyzwyczajenie się do tego może zająć trochę czasu. Choć jestem fanem systemu blokowego, to co prawda nadal wolę zarządzać menu za pomocą klasycznego ekranu. Jednak zaczynam dochodzić do siebie. Współpracownicy, którzy pracowali nad blokiem, sprawili, że doświadczenie było znacznie lepsze niż zaledwie kilka miesięcy temu.

Jeśli chodzi o dynamiczne paski boczne i widżety, zniknęły, przynajmniej w tradycyjnym sensie. Wszystko jest teraz blokiem. Autorzy motywów mogą tworzyć kolumny lub kontenery, które wyglądają jak paski boczne z przeszłości, ale wszystkie są zarządzane za pomocą edytora witryny. A użytkownicy mogą przykleić dowolny blok, który chcą w dowolnym miejscu.