WordPress 5.9 jest tutaj! Jakie duże zmiany przegapiłeś?

WordPress 5.9 Josephine jest tutaj! Ta wersja WordPressa miała zostać pierwotnie wydana 14 grudnia 2021 r. Jednak z powodu pewnych problemów i nierozwiązanych błędów ostateczna wersja została opóźniona i ostatecznie została wydana 25 stycznia 2022 r.

Jeśli zastanawiasz się, jaka jest najważniejsza zmiana, odpowiedzią jest pełna edycja witryny (FSE). I rzeczywiście, większość nowych funkcji jest dostępna tylko wtedy, gdy używasz motywu obsługującego pełną edycję witryny, takiego jak Twenty Twenty Two — nowy motyw domyślny.

Wraz z WordPress 5.9 dochodzimy do drugiej fazy mapy drogowej Gutenberga — fazy dostosowywania.

Teraz poznajmy szczegóły!

Style globalne: interfejs graficzny dla pliku „theme.json”

W WordPressie 5.8 manipulowanie plikiem „theme.json” stało się standardowym sposobem dostosowywania stylów i ustawień edytora przez twórców motywów.

WordPress 5.9 przenosi go na wyższy poziom, wprowadzając do niego interfejs graficzny. Teraz użytkownicy mogą dostosowywać ustawienia stylów dla swojej witryny, zarówno na poziomie bloku, jak i globalnie, bez dotykania ani jednego wiersza kodu.

Ponieważ style globalne wpływają na niektóre aspekty projektowania witryn WordPress, radykalnie zmienią sposób, w jaki dostosowujesz wygląd witryny.

Po pierwsze, interfejs Global Styles zastępuje Customizer. Jest to obecnie jedyny sposób na dostosowanie stylów i ustawień za pomocą motywów blokowych.

Podobnie strony administracyjne opcji złożonego motywu nie będą już potrzebne. Zapewnia to nowy standardowy sposób konfigurowania ustawień i stylów motywu.

W edytorze witryny dostępny jest teraz nowy pasek boczny. U góry znajdziesz mały panel podglądu i pięć elementów w następującej kolejności:

• Podgląd stylu
• Typografia
• Zabarwienie
• Układ
• Bloki

Przyjrzyjmy się bliżej!

Podgląd stylu

Pierwszym elementem jest panel podglądu. Pozwala sprawdzić wynik swoich dostosowań. Jest to szczególnie przydatne, gdy zmiany dotyczą elementów, które nie są widoczne na kanwie edytora.

Typografia

Tutaj kontrolujesz typografię swojej witryny. Elementy sterujące dostępne w tym panelu zależą od zawartości pliku „theme.json”.

Zabarwienie

Tutaj możesz przeglądać i edytować schemat kolorów oraz dostosowywać kolory niektórych elementów witryny.

Klikając jeden z tych elementów, uzyskasz dostęp do nowego panelu, w którym możesz wybrać kolory z trzech palet: Motyw, Rdzeń i Niestandardowe. Tutaj możesz ustawić i zmodyfikować kolor wybranego elementu.

Układ

Ostatni zestaw narzędzi służy do dostosowywania układu. Jest to ograniczone do kontenera witryny w kontekście globalnym.

Bloki

Dzięki wdrożeniu stylu globalnego możesz teraz również zmienić wygląd określonych bloków, takich jak akapity, przyciski, kolumny itp.

Zwróć uwagę, że style bloków można tutaj dostosować tylko wtedy, gdy blok deklaruje obsługę określonej funkcji w odpowiednim pliku „block.json”.

Na przykład, ponieważ podstawowy blok tytułu posta obsługuje typografię i kolory, odpowiednie wpisy znajdziesz w ustawieniach stylu globalnego tego bloku.

Motyw Twenty Twenty-Two i motywy blokowe WordPress

Dzięki WordPress 5.9 nie musisz instalować wtyczki Gutenberg, aby włączyć pełną edycję witryny w swojej witrynie. Wystarczy użyć motywu blokowego.

Ponadto WordPress 5.9 został wyposażony w zupełnie nowy domyślny motyw — Twenty Twenty-Two. Jest to zmiana w grze, ponieważ jest to pierwszy domyślny motyw blokowy w historii. Ponadto Twenty Twenty-Two to bardzo konfigurowalny i elastyczny motyw.

Po użyciu motywu blokowego w menu administratora pulpitu WordPress pojawi się nowy element menu „Edytor (beta)”.

W interfejsie edycji możesz wizualnie edytować stronę główną, szablony i części szablonów witryny. Możesz również uzyskać dostęp do interfejsu stylów globalnych z tego miejsca.

Jak widzisz, nie znajdziesz tu Customizera. To dlatego, że nie obsługuje motywów blokowych. Dlatego też nie możesz wyświetlić podglądu nieaktywnych motywów blokowych.

Jeśli używasz tradycyjnego motywu, takiego jak Woostify, i martwisz się o wsteczną kompatybilność, możesz być spokojny. Możesz nadal z niego korzystać.

Obecnie do wyboru są cztery różne kategorie tematyczne:

• Motyw blokowy: motywy przeznaczone do edycji w całej witrynie
• Motyw ogólny: motywy współpracujące zarówno z programem Customizer, jak i edytorem (beta)
• Motywy hybrydowe: motywy klasyczne obsługujące funkcje edycji całej witryny
• Motyw klasyczny: motywy z plikami „functions.php”, szablonami PHP itp.

Zaktualizowany blok nawigacyjny

Blok nawigacyjny od jakiegoś czasu jest w powijakach. Teraz, gdy wszystkie nierozstrzygnięte problemy zostały naprawione, możemy wreszcie zacząć korzystać z jednej z najpotężniejszych funkcji WordPressa 5.9.

Gdy po raz pierwszy dodajesz blok nawigacji, symbol zastępczy bloku oferuje trzy opcje:

• Wybierz istniejące menu,
• Utwórz menu ze wszystkimi stronami,
• Lub zacznij od nowa z pustym menu.

Nowe menu nawigacyjne umożliwia importowanie menu utworzonych za pomocą ekranu Wygląd menu dostępnego z klasycznymi motywami.

Dlatego, jeśli przechodzisz z motywu klasycznego na motyw blokowy, nie będziesz musiał przebudowywać istniejących menu. Po prostu wybierz jedno ze swoich aktualnych „Klasycznych menu”. I zostanie automatycznie przekształcony w menu nawigacyjne oparte na blokach.

Nowe łącza nawigacyjne są dodawane natychmiast do bloku nawigacyjnego po kliknięciu ikony plusa po prawej stronie, chyba że do menu zostały już dodane inne typy bloków.

Kliknięcie przycisku Edytuj na pasku narzędzi bloku Łącza nawigacyjnego przekształca element menu w łącze niestandardowe. Możesz więc dodawać, edytować, zmieniać kolejność i usuwać poszczególne elementy.

Możesz także konwertować łącza na bloki, klikając przycisk Przekształć na pasku narzędzi bloku. Możesz więc bezpośrednio dodawać określone bloki do menu nawigacyjnego.

Na pasku bocznym Ustawienia znajdziesz pełny zestaw opcji do kontrolowania wielu części menu nawigacyjnego.

Kolejnym pomocnym dodatkiem dodanym do bloku nawigacyjnego jest obsługa Block Gap. Możesz więc kontrolować odstępy między pozycjami menu.

Ulepszenia w wydajności

Udoskonalenia wstawiania bloków

Od wersji WordPress 5.9 typy bloków, kategorie i wzory są leniwie wyświetlane w module wstawiania bloków. Twoja przeglądarka ładuje najpierw treści o wyższym priorytecie, co zapewnia płynniejszą edycję.

Mniej załadowanych CSS

WordPress 5.9 znacznie zmniejsza ilość CSS ładowanego przez motywy blokowe, co skutkuje znacznie szybszym ładowaniem stron.

Ulepszenia wydajności leniwego ładowania

Począwszy od WordPressa 5.9, atrybut „loading=”lazy”' nie jest stosowany do pierwszego obrazu treści lub elementu iframe.

Analiza przeprowadzona na 50 popularnych motywach WordPress pokazuje, że rozwiązanie to prowadzi do znacznej poprawy wydajności i do 30% szybszego ładowania strony.

Wiele arkuszy stylów na blok

Twórcy motywów i bloków mogą rejestrować wiele arkuszy stylów na blok i w razie potrzeby ładować style z innych bloków.

Pozwala to na ładowanie arkuszy stylów w zależności od zawartości strony, zapobiegając ładowaniu dużych arkuszy stylów na każdej stronie.

Ostatnie słowa

Zakończymy ten artykuł krótką notatką na temat udziału w rynku WordPressa. Obecnie obsługuje ponad 65% wszystkich stron internetowych ze znanym systemem zarządzania treścią i około 43% wszystkich stron internetowych.

Te liczby robią wrażenie, zwłaszcza w porównaniu z najbliższymi konkurentami z mniej niż 7% udziałem w rynku — Shopify.

Każda nowa wersja WordPressa zawiera nowe funkcje, ulepszenia wydajności i ulepszenia interfejsu. A WordPress 5.9 nie jest wyjątkiem.

Wszystko, czego potrzebujesz, aby przetestować nowe funkcje, to motyw blokowy, taki jak nowy domyślny motyw Twenty Twenty-Two.

A dla każdego, kto korzysta z motywu Woostify, możesz natychmiast zaktualizować swoją witrynę do WordPress 5.9, bez żadnych problemów. Zespół programistów zawsze ciężko pracuje, aby Woostify był w pełni kompatybilny z nowszymi wersjami WordPress.